<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>江湖一锅·柠香武林 | 主题餐厅运营方案</title>
    <link href="https://cdnjs.cloudflare.com/ajax/libs/tailwindcss/2.2.19/tailwind.min.css" rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
    <style>
        @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700&display=swap');
        
        :root {
            --primary: #6366f1;
            --primary-dark: #4f46e5;
            --secondary: #f59e0b;
            --text-light: #374151;
            --text-dark: #f3f4f6;
            --bg-light: #f9fafb;
            --bg-dark: #111827;
            --card-light: #ffffff;
            --card-dark: #1f2937;
        }
        
        body {
            font-family: 'Noto Sans SC', sans-serif;
            transition: background-color 0.3s ease, color 0.3s ease;
            scroll-behavior: smooth;
        }
        
        body.light {
            color: var(--text-light);
            background-color: var(--bg-light);
        }
        
        body.dark {
            color: var(--text-dark);
            background-color: var(--bg-dark);
        }
        
        .card {
            transition: all 0.3s ease;
            border-radius: 8px;
            overflow: hidden;
            border: 1px solid transparent;
        }
        
        body.light .card {
            background-color: var(--card-light);
            border-color: #e5e7eb;
        }
        
        body.dark .card {
            background-color: var(--card-dark);
            border-color: #374151;
        }
        
        .card:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
        }
        
        body.light .card:hover {
            border-color: var(--primary);
        }
        
        body.dark .card:hover {
            border-color: var(--primary-dark);
        }
        
        .btn-primary {
            background-color: var(--primary);
            color: white;
            transition: all 0.3s ease;
        }
        
        .btn-primary:hover {
            background-color: var(--primary-dark);
            transform: scale(1.05);
        }
        
        .nav-link {
            position: relative;
            transition: color 0.3s ease;
        }
        
        .nav-link::after {
            content: '';
            position: absolute;
            width: 0;
            height: 2px;
            bottom: -2px;
            left: 0;
            background-color: var(--primary);
            transition: width 0.3s ease;
        }
        
        .nav-link:hover::after, .nav-link.active::after {
            width: 100%;
        }
        
        body.light .nav-link:hover, body.light .nav-link.active {
            color: var(--primary);
        }
        
        body.dark .nav-link:hover, body.dark .nav-link.active {
            color: var(--primary-dark);
        }
        
        /* 武侠风格元素 */
        .section-title {
            position: relative;
            display: inline-block;
            padding: 0 15px;
        }
        
        .section-title::before, .section-title::after {
            content: "";
            position: absolute;
            top: 50%;
            width: 30px;
            height: 2px;
            background-color: currentColor;
        }
        
        .section-title::before {
            right: 100%;
        }
        
        .section-title::after {
            left: 100%;
        }
        
        /* 渐入动画 */
        @keyframes fadeIn {
            from { opacity: 0; transform: translateY(20px); }
            to { opacity: 1; transform: translateY(0); }
        }
        
        .fade-in {
            animation: fadeIn 0.6s ease forwards;
            opacity: 0;
        }
        
        /* 延迟动画 */
        .delay-100 { animation-delay: 0.1s; }
        .delay-200 { animation-delay: 0.2s; }
        .delay-300 { animation-delay: 0.3s; }
        .delay-400 { animation-delay: 0.4s; }
        .delay-500 { animation-delay: 0.5s; }
        
        /* 卷轴风格 */
        .scroll-container {
            position: relative;
            padding: 20px;
            margin: 20px 0;
            border-radius: 8px;
        }
        
        body.light .scroll-container {
            background-color: #f8f4e5;
            border: 1px solid #e2d7b5;
        }
        
        body.dark .scroll-container {
            background-color: #2d2c2a;
            border: 1px solid #4b4a47;
        }
        
        .scroll-container::before, .scroll-container::after {
            content: "";
            position: absolute;
            height: 30px;
            width: 100%;
            left: 0;
            background-repeat: repeat-x;
            background-size: 30px 30px;
        }
        
        /* 武侠饮食元素 */
        .food-item {
            transition: all 0.3s ease;
            border-left: 3px solid transparent;
        }
        
        body.light .food-item {
            background-color: rgba(255, 255, 255, 0.7);
        }
        
        body.dark .food-item {
            background-color: rgba(31, 41, 55, 0.7);
        }
        
        .food-item:hover {
            border-left-color: var(--secondary);
            transform: translateX(5px);
        }
        
        /* 进度条，代表菜品辣度等级 */
        .spicy-level {
            height: 4px;
            background-color: #e5e7eb;
            border-radius: 2px;
            overflow: hidden;
        }
        
        .spicy-level-fill {
            height: 100%;
            background-color: #ef4444;
            border-radius: 2px;
        }
        
        /* 柠檬元素标志 */
        .lemon-badge {
            display: inline-flex;
            align-items: center;
            padding: 2px 8px;
            border-radius: 12px;
            font-size: 0.75rem;
            font-weight: 500;
        }
        
        body.light .lemon-badge {
            background-color: rgba(250, 204, 21, 0.2);
            color: #854d0e;
        }
        
        body.dark .lemon-badge {
            background-color: rgba(250, 204, 21, 0.1);
            color: #fbbf24;
        }
        
        /* 侧边导航标记 */
        .toc-indicator {
            position: absolute;
            left: 0;
            width: 3px;
            height: 16px;
            background-color: var(--primary);
            border-radius: 1px;
            transition: transform 0.3s ease;
        }
        
        /* 滚动进度条 */
        .scroll-progress {
            position: fixed;
            top: 0;
            left: 0;
            width: 0%;
            height: 3px;
            background-color: var(--primary);
            z-index: 1000;
            transition: width 0.1s ease;
        }
        
        /* 加载动画 */
        @keyframes pulse {
            0%, 100% { opacity: 1; }
            50% { opacity: 0.5; }
        }
        
        .loading {
            animation: pulse 1.5s ease-in-out infinite;
        }
        
        /* 代码区块样式 */
        pre {
            border-radius: 6px;
            overflow-x: auto;
        }
        
        body.light pre {
            background-color: #f1f5f9;
            border: 1px solid #e2e8f0;
        }
        
        body.dark pre {
            background-color: #1e293b;
            border: 1px solid #334155;
        }
        
        code {
            font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
            font-size: 0.9em;
        }
        
        /* 打印优化 */
        @media print {
            .no-print {
                display: none !important;
            }
            
            body {
                background-color: white !important;
                color: black !important;
            }
            
            .card, .scroll-container {
                break-inside: avoid;
                page-break-inside: avoid;
                border: 1px solid #ddd !important;
                box-shadow: none !important;
            }
        }
    </style>
</head>
<body class="light">
    <!-- 滚动进度条 -->
    <div class="scroll-progress"></div>
    
    <!-- 导航栏 -->
    <header class="sticky top-0 z-50 backdrop-filter backdrop-blur-lg bg-opacity-80 dark:bg-opacity-80 transition-all duration-300 shadow-sm">
        <div class="light:bg-white dark:bg-gray-900 bg-opacity-80">
            <div class="container mx-auto px-4 sm:px-6 lg:px-8">
                <div class="flex justify-between items-center py-4">
                    <a href="#" class="flex items-center space-x-2">
                        <span class="text-2xl font-bold text-gray-900 dark:text-gray-100">江湖一锅</span>
                        <span class="text-sm px-2 py-1 rounded-md bg-yellow-100 text-yellow-800 dark:bg-yellow-900 dark:text-yellow-200">柠香武林</span>
                    </a>
                    
                    <div class="hidden md:flex items-center space-x-6">
                        <a href="#section-1" class="nav-link text-sm font-medium">项目定位</a>
                        <a href="#section-2" class="nav-link text-sm font-medium">空间布局</a>
                        <a href="#section-3" class="nav-link text-sm font-medium">菜品设计</a>
                        <a href="#section-4" class="nav-link text-sm font-medium">服务设定</a>
                        <a href="#section-5" class="nav-link text-sm font-medium">市场定位</a>
                        <a href="#section-6" class="nav-link text-sm font-medium">预算测算</a>
                        <a href="#section-7" class="nav-link text-sm font-medium">拓展方向</a>
                    </div>
                    
                    <div class="flex items-center space-x-4">
                        <button id="theme-toggle" class="p-2 rounded-full hover:bg-gray-200 dark:hover:bg-gray-700">
                            <svg id="sun-icon" class="w-5 h-5 hidden" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
                                <path fill-rule="evenodd" d="M10 2a1 1 0 011 1v1a1 1 0 11-2 0V3a1 1 0 011-1zm4 8a4 4 0 11-8 0 4 4 0 018 0zm-.464 4.95l.707.707a1 1 0 001.414-1.414l-.707-.707a1 1 0 00-1.414 1.414zm2.12-10.607a1 1 0 010 1.414l-.706.707a1 1 0 11-1.414-1.414l.707-.707a1 1 0 011.414 0zM17 11a1 1 0 100-2h-1a1 1 0 100 2h1zm-7 4a1 1 0 011 1v1a1 1 0 11-2 0v-1a1 1 0 011-1zM5.05 6.464A1 1 0 106.465 5.05l-.708-.707a1 1 0 00-1.414 1.414l.707.707zm1.414 8.486l-.707.707a1 1 0 01-1.414-1.414l.707-.707a1 1 0 011.414 1.414zM4 11a1 1 0 100-2H3a1 1 0 000 2h1z" clip-rule="evenodd"></path>
                            </svg>
                            <svg id="moon-icon" class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
                                <path d="M17.293 13.293A8 8 0 016.707 2.707a8.001 8.001 0 1010.586 10.586z"></path>
                            </svg>
                        </button>
                        <button id="mobile-menu-button" class="md:hidden p-2 rounded-md hover:bg-gray-200 dark:hover:bg-gray-700 focus:outline-none">
                            <svg class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"></path>
                            </svg>
                        </button>
                    </div>
                </div>
            </div>
        </div>
        
        <!-- 移动导航菜单 -->
        <div id="mobile-menu" class="hidden md:hidden pb-3 px-4 sm:px-6 lg:px-8">
            <div class="grid grid-cols-1 gap-2">
                <a href="#section-1" class="block py-2 px-3 rounded-md hover:bg-gray-200 dark:hover:bg-gray-700">项目定位</a>
                <a href="#section-2" class="block py-2 px-3 rounded-md hover:bg-gray-200 dark:hover:bg-gray-700">空间布局</a>
                <a href="#section-3" class="block py-2 px-3 rounded-md hover:bg-gray-200 dark:hover:bg-gray-700">菜品设计</a>
                <a href="#section-4" class="block py-2 px-3 rounded-md hover:bg-gray-200 dark:hover:bg-gray-700">服务设定</a>
                <a href="#section-5" class="block py-2 px-3 rounded-md hover:bg-gray-200 dark:hover:bg-gray-700">市场定位</a>
                <a href="#section-6" class="block py-2 px-3 rounded-md hover:bg-gray-200 dark:hover:bg-gray-700">预算测算</a>
                <a href="#section-7" class="block py-2 px-3 rounded-md hover:bg-gray-200 dark:hover:bg-gray-700">拓展方向</a>
            </div>
        </div>
    </header>
    
    <!-- 英雄区域 -->
    <div class="relative bg-gradient-to-r from-yellow-400 via-yellow-300 to-indigo-400 dark:from-indigo-900 dark:via-purple-900 dark:to-yellow-800">
        <div class="container mx-auto px-4 sm:px-6 lg:px-8 py-16 md:py-20">
            <div class="max-w-4xl mx-auto text-center">
                <h1 class="text-3xl md:text-5xl font-bold text-gray-900 dark:text-white mb-4 fade-in">
                    江湖一锅·柠香武林
                </h1>
                <p class="text-xl md:text-2xl text-gray-800 dark:text-gray-200 mb-8 fade-in delay-100">
                    <span class="inline-block border-b-2 border-indigo-500 dark:border-yellow-500 pb-1">主题餐厅运营方案</span>
                </p>
                <p class="text-md md:text-lg text-gray-700 dark:text-gray-300 mb-8 max-w-3xl mx-auto fade-in delay-200">
                    融合安岳柠檬与石刻文化，打造沉浸式武侠风味体验，品石锅柠香，悟武林真味
                </p>
                <div class="flex flex-wrap justify-center gap-4 fade-in delay-300">
                    <a href="#section-1" class="inline-flex items-center px-6 py-3 border border-transparent text-base font-medium rounded-md shadow-sm text-white bg-indigo-600 hover:bg-indigo-700 transition duration-300 ease-in-out transform hover:-translate-y-1">
                        了解项目
                        <svg class="ml-2 -mr-1 w-5 h-5" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
                            <path fill-rule="evenodd" d="M10.293 3.293a1 1 0 011.414 0l6 6a1 1 0 010 1.414l-6 6a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-4.293-4.293a1 1 0 010-1.414z" clip-rule="evenodd"></path>
                        </svg>
                    </a>
                    <a href="#section-3" class="inline-flex items-center px-6 py-3 border border-gray-300 dark:border-gray-600 text-base font-medium rounded-md shadow-sm text-gray-700 dark:text-gray-200 bg-white dark:bg-gray-800 hover:bg-gray-50 dark:hover:bg-gray-700 transition duration-300 ease-in-out transform hover:-translate-y-1">
                        特色菜品
                        <i class="fas fa-utensils ml-2"></i>
                    </a>
                </div>
            </div>
        </div>
        
        <!-- 装饰波浪 -->
        <div class="absolute bottom-0 left-0 right-0">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 120">
                <path fill="#ffffff" fill-opacity="1" d="M0,64L80,69.3C160,75,320,85,480,80C640,75,800,53,960,48C1120,43,1280,53,1360,58.7L1440,64L1440,120L1360,120C1280,120,1120,120,960,120C800,120,640,120,480,120C320,120,160,120,80,120L0,120Z" class="light-wave"></path>
                <path fill="#111827" fill-opacity="1" d="M0,64L80,69.3C160,75,320,85,480,80C640,75,800,53,960,48C1120,43,1280,53,1360,58.7L1440,64L1440,120L1360,120C1280,120,1120,120,960,120C800,120,640,120,480,120C320,120,160,120,80,120L0,120Z" class="dark-wave hidden"></path>
            </svg>
        </div>
    </div>
    
    <!-- 主要内容 -->
    <main class="container mx-auto px-4 sm:px-6 lg:px-8 py-12">
        <!-- 核心亮点 -->
        <section class="mb-20">
            <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
                <div class="card p-6 fade-in">
                    <div class="flex items-center justify-center w-12 h-12 rounded-md bg-indigo-100 dark:bg-indigo-800 text-indigo-600 dark:text-indigo-300 mb-4">
                        <i class="fas fa-pepper-hot"></i>
                    </div>
                    <h3 class="text-lg font-medium mb-2">石锅柠香鸡</h3>
                    <p class="text-gray-600 dark:text-gray-400">安岳柠檬与本地土鸡的绝佳搭配，石锅炖煮保温，现场淋柠檬汁激发香气，宛如江湖秘术</p>
                </div>
                
                <div class="card p-6 fade-in delay-100">
                    <div class="flex items-center justify-center w-12 h-12 rounded-md bg-yellow-100 dark:bg-yellow-800 text-yellow-600 dark:text-yellow-300 mb-4">
                        <i class="fas fa-mountain"></i>
                    </div>
                    <h3 class="text-lg font-medium mb-2">武侠沉浸体验</h3>
                    <p class="text-gray-600 dark:text-gray-400">从装修风格到员工服务，打造完整江湖体验，顾客步入餐厅如同踏入武林世界，享受角色扮演乐趣</p>
                </div>
                
                <div class="card p-6 fade-in delay-200">
                    <div class="flex items-center justify-center w-12 h-12 rounded-md bg-green-100 dark:bg-green-800 text-green-600 dark:text-green-300 mb-4">
                        <i class="fas fa-lemon"></i>
                    </div>
                    <h3 class="text-lg font-medium mb-2">安岳地方特色</h3>
                    <p class="text-gray-600 dark:text-gray-400">融合安岳柠檬与石刻文化，打造独特地方文化名片，为安岳文旅增添新亮点，助力当地特色经济发展</p>
                </div>
            </div>
        </section>
        
        <!-- 第一节：项目定位与背景 -->
        <section id="section-1" class="mb-20 scroll-margin-top">
            <div class="mb-8 text-center">
                <h2 class="text-2xl md:text-3xl font-bold section-title">项目定位与背景</h2>
            </div>
            
            <div class="card p-8 mb-8 fade-in">
                <h3 class="text-xl font-semibold mb-4 flex items-center">
                    <span class="inline-block w-8 h-8 flex items-center justify-center bg-indigo-100 dark:bg-indigo-900 text-indigo-600 dark:text-indigo-300 rounded-full mr-2">
                        <i class="fas fa-info-circle"></i>
                    </span>
                    项目概述
                </h3>
                <p class="text-gray-700 dark:text-gray-300 mb-4">
                    "江湖一锅·柠香武林"是一家以武侠江湖为主题的养生汤锅餐厅，核心产品为石锅柠香鸡。项目选址在四川资阳市安岳县（中国著名的"柠檬之都"），融合当地安岳柠檬特色和安岳石刻文化背景，打造独特的餐饮体验。餐厅定位于大众消费水平的人均50–60元，以创新的菜品和沉浸式江湖氛围吸引本地家庭、市民及来安岳旅游的客群。
                </p>
            </div>
            
            <div class="grid grid-cols-1 md:grid-cols-2 gap-8">
                <div class="card p-8 fade-in delay-100">
                    <h3 class="text-xl font-semibold mb-4 flex items-center">
                        <span class="inline-block w-8 h-8 flex items-center justify-center bg-yellow-100 dark:bg-yellow-900 text-yellow-600 dark:text-yellow-300 rounded-full mr-2">
                            <i class="fas fa-compass"></i>
                        </span>
                        主题定位
                    </h3>
                    <p class="text-gray-700 dark:text-gray-300 mb-4">
                        餐厅以武侠江湖世界为主题基调，营造"侠客江湖"的氛围。顾客走进餐厅仿佛步入武林门派，通过菜品命名、空间装饰和服务话术等多方面的设计，提供一场集美食与文化于一体的沉浸式用餐体验。品牌口号"品石锅柠香，悟武林真味"体现了将美食（石锅柠香鸡）与武侠情怀结合的特色。
                    </p>
                </div>
                
                <div class="card p-8 fade-in delay-200">
                    <h3 class="text-xl font-semibold mb-4 flex items-center">
                        <span class="inline-block w-8 h-8 flex items-center justify-center bg-green-100 dark:bg-green-900 text-green-600 dark:text-green-300 rounded-full mr-2">
                            <i class="fas fa-layer-group"></i>
                        </span>
                        地方文化融合
                    </h3>
                    <p class="text-gray-700 dark:text-gray-300 mb-4">
                        方案充分挖掘安岳本地元素，将安岳柠檬和安岳石刻巧妙融入品牌文化和产品设计中。一方面，安岳柠檬作为当地特产，被运用到汤锅锅底、酱料和饮品中，突出其养生功效和清新风味；另一方面，安岳石刻等地域文化元素体现在空间装饰和故事包装上，凸显安岳深厚的历史文化底蕴，增强餐厅的文化内涵和文创开发潜力。通过"武侠+柠檬+石刻"的跨界结合，打造安岳独有的餐饮IP，助力安岳文旅形象推广。
                    </p>
                </div>
            </div>
            
            <div class="card p-8 mt-8 fade-in delay-300">
                <h3 class="text-xl font-semibold mb-4 flex items-center">
                    <span class="inline-block w-8 h-8 flex items-center justify-center bg-purple-100 dark:bg-purple-900 text-purple-600 dark:text-purple-300 rounded-full mr-2">
                        <i class="fas fa-users"></i>
                    </span>
                    市场定位
                </h3>
                <p class="text-gray-700 dark:text-gray-300">
                    本餐厅属主题特色餐饮，定位于中等价位的休闲聚餐场所。核心目标客群包括：追求新奇体验的本地年轻消费者、周末携家人出行的本地家庭，以及到安岳石刻景区观光后寻求地方美食体验的游客。餐厅通过差异化的主题包装和养生汤锅美食，填补安岳当地武侠主题餐饮的空白，力争将"石锅柠香鸡"打造为安岳的一道特色名菜和旅游美食名片。
                </p>
            </div>
        </section>
        
        <!-- 第二节：空间与动线布局 -->
        <section id="section-2" class="mb-20 scroll-margin-top">
            <div class="mb-8 text-center">
                <h2 class="text-2xl md:text-3xl font-bold section-title">空间与动线布局</h2>
            </div>
            
            <div class="mb-8 fade-in">
                <p class="text-gray-700 dark:text-gray-300 mb-6">
                    餐厅整体利用相邻的三个门市打造"三位一体"的武林场景，各门市既独立分区又通过动线有机衔接，满足不同功能需求。
                </p>
                
                <div class="relative p-1 bg-gradient-to-r from-indigo-500 to-yellow-500 rounded-lg mb-8">
                    <div class="bg-white dark:bg-gray-900 rounded-md p-4">
                        <div class="grid grid-cols-1 md:grid-cols-3 gap-4">
                            <div class="relative bg-gray-100 dark:bg-gray-800 p-6 rounded-lg border-l-4 border-indigo-500">
                                <div class="absolute -top-3 -left-3 bg-indigo-500 text-white rounded-full w-8 h-8 flex items-center justify-center font-bold">1</div>
                                <h4 class="text-lg font-bold mb-2 mt-2">武林大厅（主餐厅）</h4>
                                <ul class="list-disc list-inside text-sm text-gray-700 dark:text-gray-300 space-y-2">
                                    <li>主要为顾客用餐区，也是核心场景</li>
                                    <li>中央设有透明玻璃围合的开放式厨房——"柠香秘术坊"</li>
                                    <li>厨师现场展示石锅柠香鸡的烹制过程</li>
                                    <li>融入安岳石刻和柠檬元素的装饰</li>
                                </ul>
                            </div>
                            
                            <div class="relative bg-gray-100 dark:bg-gray-800 p-6 rounded-lg border-l-4 border-yellow-500">
                                <div class="absolute -top-3 -left-3 bg-yellow-500 text-white rounded-full w-8 h-8 flex items-center justify-center font-bold">2</div>
                                <h4 class="text-lg font-bold mb-2 mt-2">武学馆（两层）</h4>
                                <ul class="list-disc list-inside text-sm text-gray-700 dark:text-gray-300 space-y-2">
                                    <li>一楼"百鸡堂"—鸡文化微型博物馆</li>
                                    <li>展示与石锅柠香鸡相关的文化内容</li>
                                    <li>互动触摸屏，让顾客参与知识问答</li>
                                    <li>二楼"云端剑阁"—高端包间区</li>
                                </ul>
                            </div>
                            
                            <div class="relative bg-gray-100 dark:bg-gray-800 p-6 rounded-lg border-l-4 border-green-500">
                                <div class="absolute -top-3 -left-3 bg-green-500 text-white rounded-full w-8 h-8 flex items-center justify-center font-bold">3</div>
                                <h4 class="text-lg font-bold mb-2 mt-2">休憩阁（两层）</h4>
                                <ul class="list-disc list-inside text-sm text-gray-700 dark:text-gray-300 space-y-2">
                                    <li>一楼"武林药堂"养生茶饮区</li>
                                    <li>一楼"少侠练武场"儿童游乐区</li>
                                    <li>二楼"月影厅"—私密包间</li>
                                    <li>柔和恬静的主题，适合小型聚会</li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            
            <div class="card p-8 mb-8 fade-in delay-100">
                <h3 class="text-xl font-semibold mb-4 flex items-center">
                    <span class="inline-block w-8 h-8 flex items-center justify-center bg-red-100 dark:bg-red-900 text-red-600 dark:text-red-300 rounded-full mr-2">
                        <i class="fas fa-route"></i>
                    </span>
                    动线衔接
                </h3>
                <p class="text-gray-700 dark:text-gray-300 mb-4">
                    三个门市在功能上各有侧重，又通过巧妙动线实现联动。主入口设置在1号门市武林大厅，迎宾引导顾客入座或根据需求分别指引：如有等位情况，顾客可移步2号门市"百鸡堂"参观了解故事文化，孩子则可在3号门市儿童区玩耍，等待区提供茶饮小吃以提升等候体验。当堂厅座位就绪或菜品准备好时，再由服务员以江湖礼貌邀回用餐。
                </p>
                <div class="bg-indigo-50 dark:bg-indigo-900/30 p-4 rounded-lg">
                    <p class="font-medium text-indigo-700 dark:text-indigo-300">
                        顾客动线流程：<span class="font-normal">进门惊喜（开放厨房表演）→ 等位有得看（文化展示/儿童娱乐）→ 用餐沉浸（主题美食环境）→ 餐后放松（茶饮休憩）</span>
                    </p>
                </div>
            </div>
            
            <div class="card p-6 bg-gray-50 dark:bg-gray-800/50 fade-in delay-200">
                <div class="flex items-center mb-3">
                    <span class="inline-block w-8 h-8 flex items-center justify-center bg-blue-100 dark:bg-blue-900 text-blue-600 dark:text-blue-300 rounded-full mr-2">
                        <i class="fas fa-universal-access"></i>
                    </span>
                    <h3 class="text-lg font-medium">无障碍设计</h3>
                </div>
                <ul class="pl-10 space-y-2 text-gray-700 dark:text-gray-300">
                    <li class="flex items-start">
                        <span class="inline-block w-4 h-4 rounded-full bg-blue-200 dark:bg-blue-800 mt-1 mr-2"></span>
                        <span>入口设有坡道连接各门市门口，通道宽敞（≥1.2米）方便轮椅通行</span>
                    </li>
                    <li class="flex items-start">
                        <span class="inline-block w-4 h-4 rounded-full bg-blue-200 dark:bg-blue-800 mt-1 mr-2"></span>
                        <span>各层均设无障碍卫生间，保障残障人士顺利进出</span>
                    </li>
                    <li class="flex items-start">
                        <span class="inline-block w-4 h-4 rounded-full bg-blue-200 dark:bg-blue-800 mt-1 mr-2"></span>
                        <span>卫生间融入主题命名：男厕称"侠客轩"、女厕称"仙子阁"、无障碍卫生间称"太极殿"</span>
                    </li>
                </ul>
            </div>
        </section>
        
        <!-- 第三节：菜品与产品体系设计 -->
        <section id="section-3" class="mb-20 scroll-margin-top">
            <div class="mb-8 text-center">
                <h2 class="text-2xl md:text-3xl font-bold section-title">菜品与产品体系设计</h2>
            </div>
            
            <!-- 招牌菜品 -->
            <div class="relative mb-14 fade-in">
                <div class="absolute top-0 right-0 -mt-4 -mr-4 bg-yellow-400 dark:bg-yellow-600 text-white dark:text-gray-900 text-xs font-bold px-3 py-1 rounded-full transform rotate-12 z-10">
                    招牌菜品
                </div>
                <div class="card p-8 border-2 border-yellow-400 dark:border-yellow-600 relative">
                    <div class="flex flex-col md:flex-row">
                        <div class="md:w-1/3 mb-6 md:mb-0 md:pr-6">
                            <div class="aspect-w-4 aspect-h-3 bg-gradient-to-br from-yellow-200 to-yellow-400 dark:from-yellow-900 dark:to-yellow-700 rounded-lg flex items-center justify-center">
                                <i class="fas fa-drumstick-bite text-5xl text-yellow-700 dark:text-yellow-300"></i>
                            </div>
                            <div class="mt-4 bg-yellow-50 dark:bg-yellow-900/30 p-3 rounded text-center">
                                <h4 class="font-bold text-yellow-800 dark:text-yellow-300">柠香绝技·石锅神功</h4>
                            </div>
                        </div>
                        <div class="md:w-2/3">
                            <h3 class="text-xl font-bold mb-3 text-yellow-700 dark:text-yellow-300">石锅柠香鸡</h3>
                            <p class="text-gray-700 dark:text-gray-300 mb-4">
                                精选本地散养土鸡，配合安岳柠檬腌制入味后，用炙热火山石锅炖煮上桌。上菜时由服务员现场淋入新鲜安岳柠檬汁，瞬间激发阵阵柠檬香气和水雾，宛如江湖中施展秘术般惊艳。
                            </p>
                            
                            <div class="bg-yellow-50 dark:bg-yellow-900/30 p-4 rounded-lg mb-4">
                                <h4 class="font-semibold text-yellow-700 dark:text-yellow-300 mb-2">特点与卖点</h4>
                                <ul class="list-disc list-inside space-y-1 text-gray-700 dark:text-gray-300">
                                    <li>石锅蓄热力强，确保鸡肉长时间保温鲜嫩</li>
                                    <li>柠檬的清香渗入鸡肉，去腥解腻，富含维C</li>
                                    <li>兼具养生滋补与开胃功效</li>
                                    <li>造型独特、仪式感强，是本店"镇派绝学"</li>
                                </ul>
                            </div>
                            
                            <div class="flex flex-wrap gap-2">
                                <span class="lemon-badge">
                                    <i class="fas fa-lemon mr-1 text-yellow-600 dark:text-yellow-400"></i>
                                    安岳柠檬
                                </span>
                                <span class="lemon-badge">
                                    <i class="fas fa-fire-alt mr-1 text-red-500"></i>
                                    热销推荐
                                </span>
                                <span class="lemon-badge">
                                    <i class="fas fa-medal mr-1 text-amber-500"></i>
                                    特色名菜
                                </span>
                                <span class="lemon-badge">
                                    <i class="fas fa-heart mr-1 text-red-400"></i>
                                    每桌必点
                                </span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            
            <!-- 汤底系列 -->
            <div class="mb-12 fade-in delay-100">
                <h3 class="text-xl font-bold mb-6 flex items-center">
                    <span class="inline-block w-8 h-8 flex items-center justify-center bg-indigo-100 dark:bg-indigo-900 text-indigo-600 dark:text-indigo-300 rounded-full mr-2">
                        <i class="fas fa-soup"></i>
                    </span>
                    汤底系列："四大金刚"
                </h3>
                
                <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
                    <!-- 柠香浓汤 -->
                    <div class="card food-item p-6">
                        <div class="flex items-center mb-3">
                            <span class="inline-flex items-center justify-center w-10 h-10 rounded-full bg-amber-100 dark:bg-amber-900 text-amber-800 dark:text-amber-200 mr-3">
                                <i class="fas fa-shield-alt"></i>
                            </span>
                            <div>
                                <h4 class="font-bold">柠香浓汤</h4>
                                <p class="text-sm text-gray-600 dark:text-gray-400">醇厚滋补·金钟罩</p>
                            </div>
                        </div>
                        <p class="text-gray-700 dark:text-gray-300 text-sm mb-3">
                            以老母鸡和猪骨长时间熬煮出的浓白汤为底，加安岳柠檬皮慢火熬制提香。汤色乳白，口感醇厚如"金钟罩"般稳健，富含胶原蛋白和钙质，具有滋补养颜、强健筋骨的养生价值，特别适合需要进补的食客。
                        </p>
                        
                        <div class="flex items-center justify-between text-xs">
                            <div class="flex items-center">
                                <span class="text-gray-600 dark:text-gray-400 mr-2">醇厚度</span>
                                <div class="w-20 spicy-level bg-gray-200 dark:bg-gray-700">
                                    <div class="spicy-level-fill bg-amber-500" style="width: 90%"></div>
                                </div>
                            </div>
                            <span class="lemon-badge">
                                <i class="fas fa-bone mr-1"></i>
                                滋补
                            </span>
                        </div>
                    </div>
                    
                    <!-- 清风明月汤 -->
                    <div class="card food-item p-6">
                        <div class="flex items-center mb-3">
                            <span class="inline-flex items-center justify-center w-10 h-10 rounded-full bg-blue-100 dark:bg-blue-900 text-blue-800 dark:text-blue-200 mr-3">
                                <i class="fas fa-yin-yang"></i>
                            </span>
                            <div>
                                <h4 class="font-bold">清风明月汤</h4>
                                <p class="text-sm text-gray-600 dark:text-gray-400">清爽养生·太极功</p>
                            </div>
                        </div>
                        <p class="text-gray-700 dark:text-gray-300 text-sm mb-3">
                            以清淡鸡汤为基础，加入当季新鲜蔬果（如玉米、胡萝卜、山药等）熬制成清汤锅底。汤汁清亮见底，味道鲜甜不腻，犹如清风明月般恬淡悠然。该汤底低油低盐，富含维生素，养胃易消化，适合老人、儿童及喜爱清淡口味的顾客，体现均衡阴阳的养生理念。
                        </p>
                        
                        <div class="flex items-center justify-between text-xs">
                            <div class="flex items-center">
                                <span class="text-gray-600 dark:text-gray-400 mr-2">清爽度</span>
                                <div class="w-20 spicy-level bg-gray-200 dark:bg-gray-700">
                                    <div class="spicy-level-fill bg-blue-500" style="width: 85%"></div>
                                </div>
                            </div>
                            <span class="lemon-badge">
                                <i class="fas fa-seedling mr-1"></i>
                                养生
                            </span>
                        </div>
                    </div>
                    
                    <!-- 酸香回春汤 -->
                    <div class="card food-item p-6">
                        <div class="flex items-center mb-3">
                            <span class="inline-flex items-center justify-center w-10 h-10 rounded-full bg-green-100 dark:bg-green-900 text-green-800 dark:text-green-200 mr-3">
                                <i class="fas fa-lemon"></i>
                            </span>
                            <div>
                                <h4 class="font-bold">酸香回春汤</h4>
                                <p class="text-sm text-gray-600 dark:text-gray-400">开胃提神·回春术</p>
                            </div>
                        </div>
                        <p class="text-gray-700 dark:text-gray-300 text-sm mb-3">
                            以安岳柠檬汁和泡椒为基底调制的酸汤锅。汤色金黄透亮，散发独特的酸香。入口先酸后甘，能有效刺激食欲、提神醒脑，堪称江湖中的"回春妙药"。其酸味主要来自富含维C的柠檬和发酵乳酸，具有促进消化、解腻祛腥的作用，非常适合作为开胃锅底，让食客食指大动。
                        </p>
                        
                        <div class="flex items-center justify-between text-xs">
                            <div class="flex items-center">
                                <span class="text-gray-600 dark:text-gray-400 mr-2">酸香度</span>
                                <div class="w-20 spicy-level bg-gray-200 dark:bg-gray-700">
                                    <div class="spicy-level-fill bg-green-500" style="width: 95%"></div>
                                </div>
                            </div>
                            <span class="lemon-badge">
                                <i class="fas fa-utensils mr-1"></i>
                                开胃
                            </span>
                        </div>
                    </div>
                    
                    <!-- 火焰迷踪汤 -->
                    <div class="card food-item p-6">
                        <div class="flex items-center mb-3">
                            <span class="inline-flex items-center justify-center w-10 h-10 rounded-full bg-red-100 dark:bg-red-900 text-red-800 dark:text-red-200 mr-3">
                                <i class="fas fa-fire"></i>
                            </span>
                            <div>
                                <h4 class="font-bold">火焰迷踪汤</h4>
                                <p class="text-sm text-gray-600 dark:text-gray-400">麻辣劲爽·火龙功</p>
                            </div>
                        </div>
                        <p class="text-gray-700 dark:text-gray-300 text-sm mb-3">
                            源自川味红汤的改良锅底，选用郫县豆瓣、花椒和安岳本地小米辣等炒制，再搭配骨汤调和辣度。汤色红亮诱人，麻辣适中而余味回甜，犹如武林中的"火焰刀"招式，刚烈中带有层次变化。相较传统火锅的厚重油辣，此汤底油脂更少但香味不减，辣味适中大多数人可接受，既能活血驱寒又不过度上火，体现健康麻辣的理念。
                        </p>
                        
                        <div class="flex items-center justify-between text-xs">
                            <div class="flex items-center">
                                <span class="text-gray-600 dark:text-gray-400 mr-2">麻辣度</span>
                                <div class="w-20 spicy-level bg-gray-200 dark:bg-gray-700">
                                    <div class="spicy-level-fill bg-red-500" style="width: 75%"></div>
                                </div>
                            </div>
                            <span class="lemon-badge">
                                <i class="fas fa-pepper-hot mr-1"></i>
                                活血
                            </span>
                        </div>
                    </div>
                </div>
            </div>
            
            <!-- 蘸料和泡菜 -->
            <div class="grid grid-cols-1 md:grid-cols-2 gap-8 mb-10">
                <!-- 蘸料系列 -->
                <div class="card p-6 fade-in delay-200">
                    <h3 class="text-lg font-bold mb-4 flex items-center">
                        <span class="inline-block w-8 h-8 flex items-center justify-center bg-purple-100 dark:bg-purple-900 text-purple-600 dark:text-purple-300 rounded-full mr-2">
                            <i class="fas fa-mortar-pestle"></i>
                        </span>
                        蘸料系列："十八酱"
                    </h3>
                    
                    <p class="text-gray-700 dark:text-gray-300 text-sm mb-4">
                        为丰富口味体验，餐厅精心准备了十八种独家秘制蘸料供顾客搭配选择，被称为"江湖十八酱"，每一种都犹如一部武林秘籍，风味独特并附有使用"招式"提示。
                    </p>
                    
                    <div class="grid grid-cols-1 sm:grid-cols-2 gap-4">
                        <div class="bg-purple-50 dark:bg-purple-900/30 p-3 rounded">
                            <h4 class="font-bold text-purple-700 dark:text-purple-300 mb-1 text-sm">「峨眉刺辣酱」</h4>
                            <p class="text-xs text-gray-600 dark:text-gray-400 mb-2">以糍粑辣椒糊和花椒油调制，辣香浓郁，宛如峨眉派武学刚中带柔的一刺。</p>
                            <div class="text-xs text-purple-600 dark:text-purple-400">
                                <i class="fas fa-info-circle mr-1"></i>
                                适合喜辣者，搭配鸡腿肉风味更佳
                            </div>
                        </div>
                        
                        <div class="bg-purple-50 dark:bg-purple-900/30 p-3 rounded">
                            <h4 class="font-bold text-purple-700 dark:text-purple-300 mb-1 text-sm">「少林伏虎酱」</h4>
                            <p class="text-xs text-gray-600 dark:text-gray-400 mb-2">浓香花生芝麻酱为底，辅以豆豉和蒜泥提味，口感厚重绵长，有降龙伏虎之势。</p>
                           <div class="text-xs text-purple-600 dark:text-purple-400">
                                <i class="fas fa-info-circle mr-1"></i>
                                蘸煮熟的土豆、菌菇等吸味食材极其美味
                            </div>
                        </div>
                        
                        <div class="bg-purple-50 dark:bg-purple-900/30 p-3 rounded">
                            <h4 class="font-bold text-purple-700 dark:text-purple-300mb-1 text-sm">「武当青峰酱」</h4>
                            <p class="text-xs text-gray-600 dark:text-gray-400 mb-2">以安岳柠檬汁、葱姜、酱油调和成清新的碟汁，酸咸适口，如武当山清风般爽利。</p>
                            <div class="text-xs text-purple-600 dark:text-purple-400">
                                <i class="fas fa-info-circle mr-1"></i>
                                用于蘸鸡胸肉或蔬菜，解腻增鲜
                            </div>
                        </div>
                        
                        <div class="bg-purple-50 dark:bg-purple-900/30 p-3 rounded">
                            <h4 class="font-bold text-purple-700 dark:text-purple-300 mb-1 text-sm">「五毒奇辣酱」</h4>
                            <p class="text-xs text-gray-600 dark:text-gray-400 mb-2">融合朝天椒末、印鱼露、香菜等制作的超级辣酱，辣劲直冲，有"五毒教"奇辣之感。</p>
                            <div class="text-xs text-purple-600 dark:text-purple-400">
                                <i class="fas fa-info-circle mr-1"></i>
                                点滴少许即可提辣，能挑战嗜辣高手，但需谨慎少量
                            </div>
                        </div>
                    </div>
                    
                    <div class="mt-3 text-center">
                        <button class="text-sm text-purple-600 dark:text-purple-400 hover:underline">
                            <i class="fas fa-plus-circle mr-1"></i>
                            查看更多秘制酱料
                        </button>
                    </div>
                </div>
                
                <!-- 泡菜小菜 -->
                <div class="card p-6 fade-in delay-300">
                    <h3 class="text-lg font-bold mb-4 flex items-center">
                        <span class="inline-block w-8 h-8 flex items-center justify-center bg-green-100 dark:bg-green-900 text-green-600 dark:text-green-300 rounded-full mr-2">
                            <i class="fas fa-jar"></i>
                        </span>
                        泡菜小菜："十八缸"
                    </h3>
                    
                    <p class="text-gray-700 dark:text-gray-300 text-sm mb-4">
                        为了丰富餐桌开胃小菜和体现川菜风土，餐厅特别准备了十八大缸各具特色的泡菜，合称"十八缸江湖泡菜"。这些泡菜品种涵盖四川传统泡菜和安岳特色腌制品，通过巧妙的命名将十二时辰、四季变换和地域风情融合，营造江湖意境和乡土文化气息。
                    </p>
                    
                    <div class="grid grid-cols-1 sm:grid-cols-2 gap-4">
                        <div class="bg-green-50 dark:bg-green-900/30 p-3 rounded">
                            <h4 class="font-bold text-green-700 dark:text-green-300 mb-1 text-sm">「子时寒露萝卜」</h4>
                            <p class="text-xs text-gray-600 dark:text-gray-400">
                                午夜时分腌制的白萝卜泡菜，脆爽微酸，寓意深夜寒露凝结，风味清冽开胃。
                            </p>
                        </div>
                        
                        <div class="bg-green-50 dark:bg-green-900/30 p-3 rounded">
                            <h4 class="font-bold text-green-700 dark:text-green-300 mb-1 text-sm">「午时烈日豇豆」</h4>
                            <p class="text-xs text-gray-600 dark:text-gray-400">
                                正午烈日下发酵的长豇豆泡菜，酸辣浓郁，口感劲道，如同正午阳刚之气。
                            </p>
                        </div>
                        
                        <div class="bg-green-50 dark:bg-green-900/30 p-3 rounded">
                            <h4 class="font-bold text-green-700 dark:text-green-300 mb-1 text-sm">「秋分秘酱瓜」</h4>
                            <p class="text-xs text-gray-600 dark:text-gray-400">
                                秋分时节酿制的脆黄瓜泡菜，加入少许安岳柠檬皮，酸爽中带一丝清香，象征秋高气爽的收获之味。
                            </p>
                        </div>
                        
                        <div class="bg-green-50 dark:bg-green-900/30 p-3 rounded">
                            <h4 class="font-bold text-green-700 dark:text-green-300 mb-1 text-sm">「安岳柠宝姜」</h4>
                            <p class="text-xs text-gray-600 dark:text-gray-400">
                                选用安岳柠檬腌制嫩生姜片制成的柠香泡姜，金黄透明，酸甜微辣，被誉为本派独门"小暖功"，具有驱寒暖胃的养生效用。
                            </p>
                        </div>
                    </div>
                    
                    <div class="mt-3 text-center">
                        <button class="text-sm text-green-600 dark:text-green-400 hover:underline">
                            <i class="fas fa-plus-circle mr-1"></i>
                            查看更多特色泡菜
                        </button>
                    </div>
                </div>
            </div>
            
            <!-- 饮品与其他配套 -->
            <div class="card p-8 fade-in delay-400">
                <h3 class="text-lg font-bold mb-4 flex items-center">
                    <span class="inline-block w-8 h-8 flex items-center justify-center bg-blue-100 dark:bg-blue-900 text-blue-600 dark:text-blue-300 rounded-full mr-2">
                        <i class="fas fa-glass-whiskey"></i>
                    </span>
                    饮品与其他配套
                </h3>
                
                <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
                    <div>
                        <h4 class="font-medium text-blue-700 dark:text-blue-300 mb-2">养生茶饮</h4>
                        <p class="text-gray-700 dark:text-gray-300 text-sm mb-3">
                            由3号门市"武林药堂"供应，包括安岳柠檬茶系列（如"解毒神茶"柠檬薄荷茶，清爽解腻）和中草药养生饮（如"内功修炼汤"枸杞红枣茶，滋补养颜）等，均以古方命名。
                        </p>
                        <div class="flex flex-wrap gap-2">
                            <span class="lemon-badge">
                                <i class="fas fa-leaf mr-1"></i>
                                解毒神茶
                            </span>
                            <span class="lemon-badge">
                                <i class="fas fa-mug-hot mr-1"></i>
                                内功修炼汤
                            </span>
                        </div>
                    </div>
                    
                    <div>
                        <h4 class="font-medium text-blue-700 dark:text-blue-300 mb-2">儿童饮品</h4>
                        <p class="text-gray-700 dark:text-gray-300 text-sm mb-3">
                            提供无咖啡因的水果茶或酸奶（称作"小侠客成长饮"）等，照顾不同客群需求。此外，还有少量主题小吃如酥炸柠檬鸡柳、"武林判糕"（红糖发糕）等，用于丰富菜单层次。
                        </p>
                        <div class="flex flex-wrap gap-2">
                            <span class="lemon-badge">
                                <i class="fas fa-child mr-1"></i>
                                小侠客成长饮
                            </span>
                            <span class="lemon-badge">
                                <i class="fas fa-drumstick-bite mr-1"></i>
                                酥炸柠檬鸡柳
                            </span>
                        </div>
                    </div>
                </div>
                
                <div class="mt-6 p-4 bg-indigo-50 dark:bg-indigo-900/30 rounded-lg">
                    <h4 class="font-medium text-indigo-700 dark:text-indigo-300 mb-2">产品体验集成</h4>
                    <p class="text-gray-700 dark:text-gray-300 text-sm">
                        用餐流程中，顾客首先可享用开胃泡菜，随后品尝招牌石锅柠香鸡和汤锅涮品。石锅柠香鸡上桌后，服务员会按照"仪式"为其淋柠檬汁并口播一段武侠台词，增添趣味。鸡肉食用完毕后，石锅中余下的高汤可继续涮煮各类新鲜蔬菜、菌菇、豆制品和面条等配菜，充分利用汤汁，保证整顿饭菜品丰盛不浪费。配合十八种蘸料自由选择，食客能根据自己口味调制属于自己的"独门秘酱"，佐餐尽兴。最后，以一杯清新的柠檬养生茶或甜品收尾，解腻暖胃。
                    </p>
                </div>
            </div>
        </section>
        
        <!-- 第四节：人员架构与服务设定 -->
        <section id="section-4" class="mb-20 scroll-margin-top">
            <div class="mb-8 text-center">
                <h2 class="text-2xl md:text-3xl font-bold section-title">人员架构与服务设定</h2>
            </div>
            
            <!-- 人员架构 -->
            <div class="mb-12 fade-in">
                <h3 class="text-xl font-semibold mb-6 flex items-center">
                    <span class="inline-block w-8 h-8 flex items-center justify-center bg-indigo-100 dark:bg-indigo-900 text-indigo-600 dark:text-indigo-300 rounded-full mr-2">
                        <i class="fas fa-users-cog"></i>
                    </span>
                    人员架构
                </h3>
                
                <p class="text-gray-700 dark:text-gray-300 mb-6">
                    餐厅员工架构以常规餐饮岗位为基础，融入武侠门派设定，每位员工都是"江湖一锅"门派的一员，通过角色扮演提升顾客体验。
                </p>
                
                <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
                    <!-- 店长（掌门人） -->
                    <div class="card p-6">
                        <div class="flex items-center mb-4">
                            <div class="w-12 h-12 bg-red-100 dark:bg-red-900 rounded-full flex items-center justify-center text-red-600 dark:text-red-300 mr-4">
                                <i class="fas fa-user-tie text-xl"></i>
                            </div>
                            <div>
                                <h4 class="font-bold">店长（掌门人）</h4>
                                <p class="text-sm text-gray-500 dark:text-gray-400">1人</p>
                            </div>
                        </div>
                        <p class="text-sm text-gray-700 dark:text-gray-300 mb-2">
                            整体运营管理者，统筹日常运营如同门派掌门。店长身着略带中华传统元素的正装，胸前配有绣有门派标志的饰物，在必要时以"掌门"身份与顾客互动（如重大投诉处理或贵宾接待）。
                        </p>
                    </div>
                    
                    <!-- 迎宾接待（门派长老） -->
                    <div class="card p-6">
                        <div class="flex items-center mb-4">
                            <div class="w-12 h-12 bg-yellow-100 dark:bg-yellow-900 rounded-full flex items-center justify-center text-yellow-600 dark:text-yellow-300 mr-4">
                                <i class="fas fa-user-friends text-xl"></i>
                            </div>
                            <div>
                                <h4 class="font-bold">迎宾接待（门派长老）</h4>
                                <p class="text-sm text-gray-500 dark:text-gray-400">2人</p>
                            </div>
                        </div>
                        <p class="text-sm text-gray-700 dark:text-gray-300 mb-2">
                            负责门口迎宾和排号等。穿着宽松儒雅的长衫，戴着象征资深的发冠或长须道具，语气稳重亲切。迎宾长老引导客人入座时，会以江湖礼节称呼客人为"英雄""侠客"，让顾客从进门就感受到尊贵和趣味。
                        </p>
                    </div>
                    
                    <!-- 服务员（武林小二/小侠） -->
                    <div class="card p-6">
                        <div class="flex items-center mb-4">
                            <div class="w-12 h-12 bg-green-100 dark:bg-green-900 rounded-full flex items-center justify-center text-green-600 dark:text-green-300 mr-4">
                                <i class="fas fa-user-ninja text-xl"></i>
                            </div>
                            <div>
                                <h4 class="font-bold">服务员（武林小二/小侠）</h4>
                                <p class="text-sm text-gray-500 dark:text-gray-400">若干人</p>
                            </div>
                        </div>
                        <p class="text-sm text-gray-700 dark:text-gray-300 mb-2">
                            负责点单、上菜、桌边服务。统一着浅色对襟短打服，腰系布带，方便行动，造型类似古代客栈店小二或少年侠客。每位服务员都有一个有趣的"江湖称号"名牌（例如"小李""阿朱"之类），与顾客互动时自称小的（如"小的这就去禀报后厨"），增加角色氛围。
                        </p>
                    </div>
                    
                    <!-- 厨师团队（厨艺大师） -->
                    <div class="card p-6">
                        <div class="flex items-center mb-4">
                            <div class="w-12 h-12 bg-blue-100 dark:bg-blue-900 rounded-full flex items-center justify-center text-blue-600 dark:text-blue-300 mr-4">
                                <i class="fas fa-user-chef text-xl"></i>
                            </div>
                            <div>
                                <h4 class="font-bold">厨师团队（厨艺大师）</h4>
                                <p class="text-sm text-gray-500 dark:text-gray-400">若干人</p>
                            </div>
                        </div>
                        <p class="text-sm text-gray-700 dark:text-gray-300 mb-2">
                            后厨若干人，负责菜品制作。着改良版中式厨师服，头戴布巾。部分厨师会在明档展示区（柠香秘术坊）现场表演刀工、烹饪，扮演"厨艺武林高手"，与顾客互动。比如主厨可以不时走出厨房以"大师兄"身份巡视，并回答顾客关于石锅柠香鸡做法的提问，传播菜品故事。
                        </p>
                    </div>
                    
                    <!-- 收银员（账房先生） -->
                    <div class="card p-6">
                        <div class="flex items-center mb-4">
                            <div class="w-12 h-12 bg-purple-100 dark:bg-purple-900 rounded-full flex items-center justify-center text-purple-600 dark:text-purple-300 mr-4">
                                <i class="fas fa-user-cashier text-xl"></i>
                            </div>
                            <div>
                                <h4 class="font-bold">收银员（账房先生）</h4>
                                <p class="text-sm text-gray-500 dark:text-gray-400">1-2人</p>
                            </div>
                        </div>
                        <p class="text-sm text-gray-700 dark:text-gray-300 mb-2">
                            负责收银和会员办理。穿着中式长袍，手持算盘或古书卷作为道具放置柜台，营造古代账房先生形象。在结账时使用古风称谓与顾客交流，例如"本次消费共计多少两白银"（同时在屏幕上显示人民币金额以免误解），逗趣而不影响准确结算。
                        </p>
                    </div>
                    
                    <!-- 其他角色 -->
                    <div class="card p-6">
                        <div class="flex items-center mb-4">
                            <div class="w-12 h-12 bg-indigo-100 dark:bg-indigo-900 rounded-full flex items-center justify-center text-indigo-600 dark:text-indigo-300 mr-4">
                                <i class="fas fa-user-astronaut text-xl"></i>
                            </div>
                            <div>
                                <h4 class="font-bold">其他角色</h4>
                                <p class="text-sm text-gray-500 dark:text-gray-400">1-2人</p>
                            </div>
                        </div>
                        <p class="text-sm text-gray-700 dark:text-gray-300 mb-2">
                            餐厅还可设"武林使者"或"巡场弟子"1-2名，在用餐高峰时巡场与顾客互动，例如派送小礼品、引导观看店内展示等。这些员工可由服务员兼任，身背小旗或令牌作为标识。他们也负责维持等位区秩序和处理临时需求。
                        </p>
                    </div>
                </div>
            </div>
            
            <!-- 服务话术与流程 -->
            <div class="mb-12 fade-in delay-100">
                <h3 class="text-xl font-semibold mb-6 flex items-center">
                    <span class="inline-block w-8 h-8 flex items-center justify-center bg-green-100 dark:bg-green-900 text-green-600 dark:text-green-300 rounded-full mr-2">
                        <i class="fas fa-comments"></i>
                    </span>
                    服务话术与流程
                </h3>
                
                <p class="text-gray-700 dark:text-gray-300 mb-6">
                    所有员工上岗前经过专门的武侠风服务培训，在服务各环节使用统一的话术规范，用风趣的江湖语言提升体验。
                </p>
                
                <div class="grid grid-cols-1 lg:grid-cols-2 gap-6">
                    <!-- 迎宾阶段 -->
                    <div class="card p-6 food-item">
                        <h4 class="font-bold text-green-700 dark:text-green-300 mb-3">迎宾阶段</h4>
                        <p class="text-sm text-gray-700 dark:text-gray-300 mb-2 italic">
                            "有朋自远方来，不亦乐乎！欢迎几位大侠光临本门派'江湖一锅'。"
                        </p>
                        <p class="text-sm text-gray-700 dark:text-gray-300">
                            迎宾长老在门口抱拳作揖，道一声问候。询问就餐人数时说："敢问阁下尊姓大名，今日有几位英雄同临？"随即为客人填上等位名册或直接领位入座。若需等待，则奉上"门派令牌"写有顺序号，并请客人在"百鸡堂"或茶饮区稍作歇息。
                        </p>
                    </div>
                    
                    <!-- 点菜介绍 -->
                    <div class="card p-6 food-item">
                        <h4 class="font-bold text-green-700 dark:text-green-300 mb-3">点菜介绍</h4>
                        <p class="text-sm text-gray-700 dark:text-gray-300 mb-2 italic">
                            "本派镇店之宝乃【石锅柠香鸡】，采摘安岳上等柠檬搭配秘制酱料，练就一身好功夫，香气四溢，大侠务必一试。"
                        </p>
                        <p class="text-sm text-gray-700 dark:text-gray-300">
                            服务员在为客人介绍菜单时，使用武侠比喻。对于汤底则说："本门派有四大绝学汤底，各有千秋。不知各位侠客今日想修炼哪一门？"并简要说明每种汤底的风味和养生效果。顾客确定菜品后，服务员抱拳道："好，这就请厨房诸位师兄弟施展功夫了，请诸位稍候。"
                        </p>
                    </div>
                    
                    <!-- 上菜服务 -->
                    <div class="card p-6 food-item">
                        <h4 class="font-bold text-green-700 dark:text-green-300 mb-3">上菜服务</h4>
                        <p class="text-sm text-gray-700 dark:text-gray-300 mb-2 italic">
                            "各位请看，石锅柠香鸡驾到！在下稍候为这锅加入柠檬汁催发香功，务请稍退片刻，小心热气翻腾。"
                        </p>
                        <p class="text-sm text-gray-700 dark:text-gray-300">
                            上石锅柠香鸡时，服务员小心推着小餐车上桌，随即现场淋汁，只见白雾缭绕，服务员接着说："此乃本派秘制绝学，还望诸位侠客笑纳品鉴。"上其他菜品或汤底时，则以简短有趣的话术呈上，如"'少林伏虎酱'奉上，侠客可用它降服锅中美味"等，增添互动乐趣。
                        </p>
                    </div>
                    
                    <!-- 结账送别 -->
                    <div class="card p-6 food-item">
                        <h4 class="font-bold text-green-700 dark:text-green-300 mb-3">结账送别</h4>
                        <p class="text-sm text-gray-700 dark:text-gray-300 mb-2 italic">
                            "掌门人有令，今日招待诸位英雄共计白银XX两。江湖路远，后会有期！"
                        </p>
                        <p class="text-sm text-gray-700 dark:text-gray-300">
                            顾客用餐完毕离店时，收银（账房先生）双手奉上账单说账目。结完账后，由迎宾长老或服务员在门口抱拳道别："恭送各位大侠，期待下次再临本派！"如客人办理了会员卡（设计成古代腰牌模样的"柠香令牌"），则补充："此令牌凭证乃本门派武林盟主令，日后大侠再来可享专属优惠。"通过热情风趣的送别语，给顾客留下难忘的最后印象。
                        </p>
                    </div>
                </div>
            </div>
            
            <!-- 服务细节与品质 -->
            <div class="card p-8 fade-in delay-200">
                <h3 class="text-xl font-semibold mb-4 flex items-center">
                    <span class="inline-block w-8 h-8 flex items-center justify-center bg-blue-100 dark:bg-blue-900 text-blue-600 dark:text-blue-300 rounded-full mr-2">
                        <i class="fas fa-award"></i>
                    </span>
                    服务细节与品质
                </h3>
                
                <p class="text-gray-700 dark:text-gray-300 mb-4">
                    餐厅除强调趣味的江湖服务外，同样注重现代服务品质。所有员工在角色扮演的同时，遵循餐饮卫生、安全和礼仪规范，确保服务高效有序。餐桌用品及时更换、地面随时清洁、防止因穿古装道具导致的不便等，都列入培训内容。
                </p>
                
                <div class="bg-blue-50 dark:bg-blue-900/30 p-4 rounded-lg mb-4">
                    <h4 class="font-semibold text-blue-700 dark:text-blue-300 mb-2">无障碍服务</h4>
                    <p class="text-gray-700 dark:text-gray-300 text-sm">
                        餐厅特别指定员工接受无障碍服务培训，店内配备轮椅通道和无障碍菜单卡（大字版或盲文说明），当有老年人或残障顾客时，服务员会以"快步贴身小僮"的姿态主动提供协助，引导就座、介绍菜品，体现江湖侠义中"扶弱助残"的精神。
                    </p>
                </div>
                
                <p class="text-gray-700 dark:text-gray-300 text-sm font-medium">
                    总之，在欢乐生动的江湖表演外衣下，餐厅以周到专业的服务内核确保每一位顾客宾至如归，既玩得开心又吃得安心。
                </p>
            </div>
        </section>
        <!-- 第五节：市场定位与客流估算 -->
        <section id="section-5" class="mb-20 scroll-margin-top">
            <div class="mb-8 text-center">
                <h2 class="text-2xl md:text-3xl font-bold section-title">市场定位与客流估算</h2>
            </div>
            
            <!-- 市场环境分析 -->
            <div class="card p-8 mb-8 fade-in">
                <h3 class="text-xl font-semibold mb-4 flex items-center">
                    <span class="inline-block w-8 h-8 flex items-center justify-center bg-indigo-100 dark:bg-indigo-900 text-indigo-600 dark:text-indigo-300 rounded-full mr-2">
                        <i class="fas fa-chart-line"></i>
                    </span>
                    市场环境分析
                </h3>
                <p class="text-gray-700 dark:text-gray-300 mb-4">
                    安岳县常住人口约百万，作为资阳市下辖县有稳定的本地消费基础。此外，安岳以柠檬产业和千年石刻闻名，正大力发展文旅经济，吸引着周边及全国游客。近年来安岳石刻景区游客量增长明显，仅2025年春节假期全县就接待游客超91万人次，其中圆觉洞景区单日游客量突破3万人次。
                </p>
                
                <div class="bg-indigo-50 dark:bg-indigo-900/30 rounded-lg p-4 mb-4">
                    <div class="flex items-start mb-2">
                        <span class="inline-flex items-center justify-center w-6 h-6 rounded-full bg-indigo-200 dark:bg-indigo-700 text-indigo-700 dark:text-indigo-200 mr-2 flex-shrink-0 mt-1">
                            <i class="fas fa-chart-pie text-xs"></i>
                        </span>
                        <p class="text-gray-700 dark:text-gray-300 text-sm">
                            <strong>春节旅游数据：</strong> 安岳县全县接待游客91.32万人次，同比增长11.2%
                        </p>
                    </div>
                    <div class="flex items-start">
                        <span class="inline-flex items-center justify-center w-6 h-6 rounded-full bg-indigo-200 dark:bg-indigo-700 text-indigo-700 dark:text-indigo-200 mr-2 flex-shrink-0 mt-1">
                            <i class="fas fa-chart-bar text-xs"></i>
                        </span>
                        <p class="text-gray-700 dark:text-gray-300 text-sm">
                            <strong>单日游客突破：</strong> 圆觉洞景区单日游客量突破3万人次，同比增长334.29%
                        </p>
                    </div>
                </div>
                
                <p class="text-gray-700 dark:text-gray-300">
                    由此可见安岳在节假日有巨大的客流潜力。"江湖一锅"餐厅选址若依托在安岳数字石刻展示中心或主要景区附近，将可借力文化旅游热度吸引游客就餐；同时，以大众化定价和趣味体验也能吸引本地居民反复光顾。因此，本店市场定位兼顾本地和外地客源：<strong>平日主打本地日常消费，周末节假日重点承接旅游消费</strong>，通过差异化体验和性价比获取稳定客流。
                </p>
            </div>
            
            <!-- 目标客群 -->
            <div class="grid grid-cols-1 md:grid-cols-2 gap-8 mb-8">
                <div class="card p-8 fade-in delay-100">
                    <div class="flex items-center mb-4">
                        <span class="inline-block w-10 h-10 flex items-center justify-center bg-green-100 dark:bg-green-900 text-green-600 dark:text-green-300 rounded-full mr-3">
                            <i class="fas fa-home"></i>
                        </span>
                        <h3 class="text-lg font-bold">本地居民</h3>
                    </div>
                    <h4 class="font-medium text-green-600 dark:text-green-400 mb-2">家庭、情侣及朋友聚会</h4>
                    <p class="text-gray-700 dark:text-gray-300 text-sm mb-4">
                        安岳当地居民消费水平适中，人均50–60元的客单价对家庭聚餐或朋友小聚较为友好。武侠主题和柠檬养生汤锅的新颖结合，对年轻人和带孩子的家庭有强吸引力，可作为周末娱乐放松的好去处。儿童游乐区和健康汤锅尤其契合家庭客群需求。
                    </p>
                    <div class="flex flex-wrap gap-2">
                        <span class="lemon-badge">
                            <i class="fas fa-utensils mr-1"></i>
                            日常餐饮
                        </span>
                        <span class="lemon-badge">
                            <i class="fas fa-baby mr-1"></i>
                            亲子友好
                        </span>
                        <span class="lemon-badge">
                            <i class="fas fa-users mr-1"></i>
                            聚会场所
                        </span>
                    </div>
                </div>
                
                <div class="card p-8 fade-in delay-200">
                    <div class="flex items-center mb-4">
                        <span class="inline-block w-10 h-10 flex items-center justify-center bg-blue-100 dark:bg-blue-900 text-blue-600 dark:text-blue-300 rounded-full mr-3">
                            <i class="fas fa-suitcase"></i>
                        </span>
                        <h3 class="text-lg font-bold">外地游客</h3>
                    </div>
                    <h4 class="font-medium text-blue-600 dark:text-blue-400 mb-2">文旅体验人群</h4>
                    <p class="text-gray-700 dark:text-gray-300 text-sm mb-4">
                        来到安岳观光石刻或柠檬园的游客，希望品尝当地特色美食并获取文化体验。江湖一锅以柠檬入菜突出地方特色，又融入石刻文化元素，正好满足他们"吃当地、玩文化"的心理。餐厅的武侠沉浸氛围也容易成为旅行亮点，引发游客拍照分享，从而通过社交媒体形成口碑传播。
                    </p>
                    <div class="flex flex-wrap gap-2">
                        <span class="lemon-badge">
                            <i class="fas fa-camera mr-1"></i>
                            打卡拍照
                        </span>
                        <span class="lemon-badge">
                            <i class="fas fa-map-marked-alt mr-1"></i>
                            景点配套
                        </span>
                        <span class="lemon-badge">
                            <i class="fas fa-share-alt mr-1"></i>
                            社媒传播
                        </span>
                    </div>
                </div>
            </div>
            
            <!-- 客流时段特征 -->
            <div class="card p-8 mb-8 fade-in delay-300">
                <h3 class="text-xl font-semibold mb-4 flex items-center">
                    <span class="inline-block w-8 h-8 flex items-center justify-center bg-yellow-100 dark:bg-yellow-900 text-yellow-600 dark:text-yellow-300 rounded-full mr-2">
                        <i class="fas fa-clock"></i>
                    </span>
                    客流时段特征
                </h3>
                
                <p class="text-gray-700 dark:text-gray-300 mb-6">
                    基于对安岳本地生活节奏和游客行为的分析，预计餐厅客流将随工作日/周末及季节节假而变化：
                </p>
                
                <div class="grid grid-cols-1 md:grid-cols-3 gap-6 mb-6">
                    <!-- 工作日 -->
                    <div class="bg-yellow-50 dark:bg-yellow-900/30 rounded-lg p-5">
                        <h4 class="font-bold text-yellow-700 dark:text-yellow-300 mb-3 flex items-center">
                            <i class="fas fa-briefcase mr-2"></i>
                            工作日（周一～周四）
                        </h4>
                        <ul class="text-sm text-gray-700 dark:text-gray-300 space-y-2">
                            <li class="flex items-start">
                                <span class="inline-block w-4 h-4 rounded-full bg-yellow-200 dark:bg-yellow-800 mt-1 mr-2 flex-shrink-0"></span>
                                <span>以本地上班族和周边居民用餐为主</span>
                            </li>
                            <li class="flex items-start">
                                <span class="inline-block w-4 h-4 rounded-full bg-yellow-200 dark:bg-yellow-800 mt-1 mr-2 flex-shrink-0"></span>
                                <span>中午12:00前后迎来午餐高峰（约占当日客流40%）</span>
                            </li>
                            <li class="flex items-start">
                                <span class="inline-block w-4 h-4 rounded-full bg-yellow-200 dark:bg-yellow-800 mt-1 mr-2 flex-shrink-0"></span>
                                <span>晚间18:00-19:30为晚餐高峰（约占当日客流50%）</span>
                            </li>
                            <li class="flex items-start">
                                <span class="inline-block w-4 h-4 rounded-full bg-yellow-200 dark:bg-yellow-800 mt-1 mr-2 flex-shrink-0"></span>
                                <span>工作日单日客流量预计<strong>100–150人次左右</strong></span>
                            </li>
                        </ul>
                    </div>
                    
                    <!-- 周末 -->
                    <div class="bg-yellow-50 dark:bg-yellow-900/30 rounded-lg p-5">
                        <h4 class="font-bold text-yellow-700 dark:text-yellow-300 mb-3 flex items-center">
                            <i class="fas fa-calendar-day mr-2"></i>
                            周末（周五晚～周日）
                        </h4>
                        <ul class="text-sm text-gray-700 dark:text-gray-300 space-y-2">
                            <li class="flex items-start">
                                <span class="inline-block w-4 h-4 rounded-full bg-yellow-200 dark:bg-yellow-800 mt-1 mr-2 flex-shrink-0"></span>
                                <span>本地休闲聚餐和外地游客叠加</span>
                            </li>
                            <li class="flex items-start">
                                <span class="inline-block w-4 h-4 rounded-full bg-yellow-200 dark:bg-yellow-800 mt-1 mr-2 flex-shrink-0"></span>
                                <span>午餐和晚餐两个高峰时段人次可比工作日翻倍</span>
                            </li>
                            <li class="flex items-start">
                                <span class="inline-block w-4 h-4 rounded-full bg-yellow-200 dark:bg-yellow-800 mt-1 mr-2 flex-shrink-0"></span>
                                <span>周六晚餐可能需要翻台2轮以上</span>
                            </li>
                            <li class="flex items-start">
                                <span class="inline-block w-4 h-4 rounded-full bg-yellow-200 dark:bg-yellow-800 mt-1 mr-2 flex-shrink-0"></span>
                                <span>周六、周日全天合计客流预计<strong>180–250人次</strong></span>
                            </li>
                        </ul>
                    </div>
                    
                    <!-- 节假日 -->
                    <div class="bg-yellow-50 dark:bg-yellow-900/30 rounded-lg p-5">
                        <h4 class="font-bold text-yellow-700 dark:text-yellow-300 mb-3 flex items-center">
                            <i class="fas fa-calendar-alt mr-2"></i>
                            节假日（法定节假、黄金周）
                        </h4>
                        <ul class="text-sm text-gray-700 dark:text-gray-300 space-y-2">
                            <li class="flex items-start">
                                <span class="inline-block w-4 h-4 rounded-full bg-yellow-200 dark:bg-yellow-800 mt-1 mr-2 flex-shrink-0"></span>
                                <span>受到旅游高峰带动，日均客流可大幅攀升</span>
                            </li>
                            <li class="flex items-start">
                                <span class="inline-block w-4 h-4 rounded-full bg-yellow-200 dark:bg-yellow-800 mt-1 mr-2 flex-shrink-0"></span>
                                <span>"五一"、"十一"黄金周及春节长假尤为明显</span>
                            </li>
                            <li class="flex items-start">
                                <span class="inline-block w-4 h-4 rounded-full bg-yellow-200 dark:bg-yellow-800 mt-1 mr-2 flex-shrink-0"></span>
                                <span>日接待人次有望达到<strong>300人次以上</strong></span>
                            </li>
                            <li class="flex items-start">
                                <span class="inline-block w-4 h-4 rounded-full bg-yellow-200 dark:bg-yellow-800 mt-1 mr-2 flex-shrink-0"></span>
                                <span>平摊整个长假期间，日均客流约在<strong>200–300人次</strong></span>
                            </li>
                        </ul>
                    </div>
                </div>
                
                <div class="bg-indigo-50 dark:bg-indigo-900/30 p-4 rounded-lg">
                    <p class="text-xs text-gray-500 dark:text-gray-400 italic">
                        注：以上客流估算结合安岳人口规模、景区游客数据及主题餐厅吸引力推算，仅供规划参考。实际运营中将通过会员预约和每日登记进一步精细化数据。
                    </p>
                </div>
            </div>
            
            <!-- 接待能力与目标 -->
            <div class="card p-8 mb-8 fade-in delay-400">
                <h3 class="text-xl font-semibold mb-4 flex items-center">
                    <span class="inline-block w-8 h-8 flex items-center justify-center bg-red-100 dark:bg-red-900 text-red-600 dark:text-red-300 rounded-full mr-2">
                        <i class="fas fa-bullseye"></i>
                    </span>
                    接待能力与目标
                </h3>
                
                <div class="grid grid-cols-1 md:grid-cols-3 gap-4 mb-6">
                    <div class="bg-gray-50 dark:bg-gray-800 p-4 rounded-lg text-center">
                        <div class="text-3xl font-bold text-red-500 dark:text-red-400 mb-2">120</div>
                        <div class="text-sm text-gray-600 dark:text-gray-400">最大同时接待人数</div>
                    </div>
                    <div class="bg-gray-50 dark:bg-gray-800 p-4 rounded-lg text-center">
                        <div class="text-3xl font-bold text-red-500 dark:text-red-400 mb-2">1.5-2</div>
                        <div class="text-sm text-gray-600 dark:text-gray-400">翻台率（次/日）</div>
                    </div>
                    <div class="bg-gray-50 dark:bg-gray-800 p-4 rounded-lg text-center">
                        <div class="text-3xl font-bold text-red-500 dark:text-red-400 mb-2">5-6万</div>
                        <div class="text-sm text-gray-600 dark:text-gray-400">年客流目标（人次）</div>
                    </div>
                </div>
                
                <p class="text-gray-700 dark:text-gray-300 mb-4">
                    餐厅按上述客流预期进行了容量规划：堂食座位（大厅+茶饮区座席）可同时容纳约80人就餐，包间区可容纳约40人，多区合计满座约120人。通过快慢餐区分离和高效服务，正常情况下可做到午餐1轮、晚餐1.5轮翻台，周末及假日提升至2轮以上，从而满足日均200人左右的接待需求。
                </p>
                
                <p class="text-gray-700 dark:text-gray-300">
                    运营初期我们的客流目标为<strong>日均150人次</strong>（工作日100左右，周末200左右）以确保良好服务质量；待口碑建立后，努力达到平均日接待200人以上，实现全年累计客流5–6万人次的业绩。这一水平在安岳当地餐饮市场中属于中上等，有望通过主题特色和优质服务来实现。
                </p>
            </div>
            
            <!-- 营销与推广 -->
            <div class="card p-8 fade-in delay-500">
                <h3 class="text-xl font-semibold mb-4 flex items-center">
                    <span class="inline-block w-8 h-8 flex items-center justify-center bg-purple-100 dark:bg-purple-900 text-purple-600 dark:text-purple-300 rounded-full mr-2">
                        <i class="fas fa-bullhorn"></i>
                    </span>
                    营销与推广
                </h3>
                
                <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
                    <div>
                        <h4 class="font-medium text-purple-700 dark:text-purple-300 mb-3">线上营销策略</h4>
                        <ul class="space-y-2 text-sm text-gray-700 dark:text-gray-300">
                            <li class="flex items-start">
                                <span class="inline-block w-4 h-4 rounded-full bg-purple-200 dark:bg-purple-800 mt-1 mr-2 flex-shrink-0"></span>
                                <span>短视频展示石锅柠香鸡上桌奇景，吸引年轻人关注</span>
                            </li>
                            <li class="flex items-start">
                                <span class="inline-block w-4 h-4 rounded-full bg-purple-200 dark:bg-purple-800 mt-1 mr-2 flex-shrink-0"></span>
                                <span>打造"武林食谱"美食解析栏目，分享安岳柠檬小知识</span>
                            </li>
                            <li class="flex items-start">
                                <span class="inline-block w-4 h-4 rounded-full bg-purple-200 dark:bg-purple-800 mt-1 mr-2 flex-shrink-0"></span>
                                <span>发动本地自媒体和朋友圈，以"柠檬+武侠"新奇亮点吸引本地食客初体验</span>
                            </li>
                        </ul>
                    </div>
                    
                    <div>
                        <h4 class="font-medium text-purple-700 dark:text-purple-300 mb-3">线下联动策略</h4>
                        <ul class="space-y-2 text-sm text-gray-700 dark:text-gray-300">
                            <li class="flex items-start">
                                <span class="inline-block w-4 h-4 rounded-full bg-purple-200 dark:bg-purple-800 mt-1 mr-2 flex-shrink-0"></span>
                                <span>与安岳石刻景区合作推出联名优惠（如持景区门票来店用餐打折）</span>
                            </li>
                            <li class="flex items-start">
                                <span class="inline-block w-4 h-4 rounded-full bg-purple-200 dark:bg-purple-800 mt-1 mr-2 flex-shrink-0"></span>
                                <span>与当地酒店宾馆合作，为住宿客人提供餐饮优惠券</span>
                            </li>
                            <li class="flex items-start">
                                <span class="inline-block w-4 h-4 rounded-full bg-purple-200 dark:bg-purple-800 mt-1 mr-2 flex-shrink-0"></span>
                                <span>发放"江湖令牌"会员卡，鼓励本地客人复购，提高顾客粘性</span>
                            </li>
                        </ul>
                    </div>
                </div>
                
                <div class="mt-6 p-4 bg-purple-50 dark:bg-purple-900/30 rounded-lg">
                    <p class="text-gray-700 dark:text-gray-300 text-sm">
                        总体来说，<strong>本方案的市场定位清晰</strong>：立足安岳，服务本地，辐射游客，以独特的餐饮体验在竞争中形成差异化优势，预计开业后能迅速成为安岳文旅街区的一大人气亮点。
                    </p>
                </div>
            </div>
        </section>
        
        <!-- 第六节：预算测算与实施周期 -->
        <section id="section-6" class="mb-20 scroll-margin-top">
            <div class="mb-8 text-center">
                <h2 class="text-2xl md:text-3xl font-bold section-title">预算测算与实施周期</h2>
            </div>
            
            <!-- 投资预算概算 -->
            <div class="card p-8 mb-12 fade-in">
                <h3 class="text-xl font-semibold mb-6 flex items-center">
                    <span class="inline-block w-8 h-8 flex items-center justify-center bg-green-100 dark:bg-green-900 text-green-600 dark:text-green-300 rounded-full mr-2">
                        <i class="fas fa-calculator"></i>
                    </span>
                    投资预算概算
                </h3>
                
                <p class="text-gray-700 dark:text-gray-300 mb-6">
                    按照三个门市约<strong>300㎡</strong>（假设）总体空间、武侠主题装修和设备采购需求进行预算，结合人均消费50–60元的定位，我们将在<strong>控制成本</strong>的前提下保证主题效果。主要投资构成如下：
                </p>
                
                <div class="overflow-hidden mb-8">
                    <div class="bg-white dark:bg-gray-800 shadow-sm rounded-lg overflow-hidden">
                        <div class="overflow-x-auto">
                            <table class="min-w-full divide-y divide-gray-200 dark:divide-gray-700">
                                <thead class="bg-gray-50 dark:bg-gray-900">
                                    <tr>
                                        <th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wider">项目</th>
                                        <th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wider">金额（约）</th>
                                        <th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wider">说明</th>
                                    </tr>
                                </thead>
                                <tbody class="bg-white dark:bg-gray-800 divide-y divide-gray-200 dark:divide-gray-700">
                                    <tr>
                                        <td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900 dark:text-white">装修装饰费</td>
                                        <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500 dark:text-gray-400">¥20万元</td>
                                        <td class="px-6 py-4 text-sm text-gray-500 dark:text-gray-400">三个门市内部基础装修及主题氛围营造费用，包括开放厨房改造、墙体彩绘、灯笼定制等</td>
                                    </tr>
                                    <tr>
                                        <td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900 dark:text-white">设备购置费</td>
                                        <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500 dark:text-gray-400">¥8万元</td>
                                        <td class="px-6 py-4 text-sm text-gray-500 dark:text-gray-400">厨房设备、灶具炉具、冰箱冷柜、石锅和汤锅餐具、餐桌座椅、点餐收银系统等</td>
                                    </tr>
                                    <tr>
                                        <td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900 dark:text-white">软装及道具</td>
                                        <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500 dark:text-gray-400">¥5万元</td>
                                        <td class="px-6 py-4 text-sm text-gray-500 dark:text-gray-400">员工古风服饰、刀剑兵器模型、书卷账册、令牌会员卡、十八缸泡菜坛及酱料坛等</td>
                                    </tr>
                                    <tr>
                                        <td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900 dark:text-white">培训及开办费用</td>
                                        <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500 dark:text-gray-400">¥2万元</td>
                                        <td class="px-6 py-4 text-sm text-gray-500 dark:text-gray-400">员工招聘培训、试营业等费用，包括武侠服务话术和礼仪培训、菜单试做和品鉴成本等</td>
                                    </tr>
                                    <tr class="bg-gray-50 dark:bg-gray-900">
                                        <td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900 dark:text-white">合计</td>
                                        <td class="px-6 py-4 whitespace-nowrap text-sm font-bold text-gray-900 dark:text-white">¥35万元</td>
                                        <td class="px-6 py-4 text-sm text-gray-500 dark:text-gray-400">中档投资规模，符合定位，预计8–12个月回本</td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
                
                <div class="bg-green-50 dark:bg-green-900/30 p-4 rounded-lg mb-4">
                    <h4 class="font-medium text-green-700 dark:text-green-300 mb-2">盈利预测</h4>
                    <ul class="space-y-2 text-sm text-gray-700 dark:text-gray-300">
                        <li class="flex items-start">
                            <span class="inline-block w-4 h-4 rounded-full bg-green-200 dark:bg-green-800 mt-1 mr-2 flex-shrink-0"></span>
                            <span><strong>毛利率：</strong>约60%（自主酱料和泡菜降低部分成本，柠檬等原料本地化获取成本低）</span>
                        </li>
                        <li class="flex items-start">
                            <span><strong>净利率：</strong>保守估计在15%上下（扣除人工、水电和房租等费用）</span>
                        </li>
                        <li class="flex items-start">
                            <span class="inline-block w-4 h-4 rounded-full bg-green-200 dark:bg-green-800 mt-1 mr-2 flex-shrink-0"></span>
                            <span><strong>月营业额：</strong>约¥24.75万（日均客流150人、人均消费55元计算）</span>
                        </li>
                        <li class="flex items-start">
                            <span class="inline-block w-4 h-4 rounded-full bg-green-200 dark:bg-green-800 mt-1 mr-2 flex-shrink-0"></span>
                            <span><strong>月纯利：</strong>可达¥3.5万以上</span>
                        </li>
                        <li class="flex items-start">
                            <span class="inline-block w-4 h-4 rounded-full bg-green-200 dark:bg-green-800 mt-1 mr-2 flex-shrink-0"></span>
                            <span><strong>预计回本周期：</strong>8–12个月（若旺季游客多回本更快）</span>
                        </li>
                    </ul>
                </div>
                
                <p class="text-gray-700 dark:text-gray-300 text-sm italic">
                    当然，实际运营中营收会有波动，但总体模型显示该投资在一年内可实现盈亏平衡并开始盈利，为投资人提供较高的收益率。
                </p>
            </div>
            
            <!-- 实施周期规划 -->
            <div class="fade-in delay-100">
                <h3 class="text-xl font-semibold mb-6 flex items-center">
                    <span class="inline-block w-8 h-8 flex items-center justify-center bg-blue-100 dark:bg-blue-900 text-blue-600 dark:text-blue-300 rounded-full mr-2">
                        <i class="fas fa-calendar-alt"></i>
                    </span>
                    实施周期规划
                </h3>
                
                <p class="text-gray-700 dark:text-gray-300 mb-6">
                    项目从筹备到开业预计耗时约<strong>50天</strong>，具体安排如下：
                </p>
                
                <div class="relative">
                    <!-- 时间轴 -->
                    <div class="hidden md:block absolute h-full w-0.5 bg-blue-200 dark:bg-blue-800 left-6 ml-0.5"></div>
                    
                    <div class="space-y-8">
                        <!-- 方案设计与确认 -->
                        <div class="flex md:ml-4">
                            <div class="flex-shrink-0 z-10">
                                <div class="flex items-center justify-center w-12 h-12 rounded-full bg-blue-100 dark:bg-blue-900 text-blue-600 dark:text-blue-300 ring-4 ring-white dark:ring-gray-900">
                                    <span class="font-bold">1</span>
                                </div>
                            </div>
                            <div class="card ml-4 flex-1 p-6">
                                <div class="flex justify-between items-center mb-2">
                                    <h4 class="text-lg font-bold text-blue-700 dark:text-blue-300">方案设计与确认</h4>
                                    <span class="text-sm bg-blue-50 dark:bg-blue-900/50 text-blue-600 dark:text-blue-400 px-3 py-1 rounded-full">10天</span>
                                </div>
                                <p class="text-gray-700 dark:text-gray-300 text-sm">
                                    完成详细的装修图纸绘制、菜品菜单定稿、服务流程设计，以及与业主方和相关部门的审批沟通。这一阶段也落实供应商和施工队伍。
                                </p>
                            </div>
                        </div>
                        
                        <!-- 施工装修 -->
                        <div class="flex md:ml-4">
                            <div class="flex-shrink-0 z-10">
                                <div class="flex items-center justify-center w-12 h-12 rounded-full bg-blue-100 dark:bg-blue-900 text-blue-600 dark:text-blue-300 ring-4 ring-white dark:ring-gray-900">
                                    <span class="font-bold">2</span>
                                </div>
                            </div>
                            <div class="card ml-4 flex-1 p-6">
                                <div class="flex justify-between items-center mb-2">
                                    <h4 class="text-lg font-bold text-blue-700 dark:text-blue-300">施工装修</h4>
                                    <span class="text-sm bg-blue-50 dark:bg-blue-900/50 text-blue-600 dark:text-blue-400 px-3 py-1 rounded-full">25天</span>
                                </div>
                                <p class="text-gray-700 dark:text-gray-300 text-sm">
                                    三家门市同时动工，进行基础装修和主题装饰安装。由于采用模块化、道具化装修（如预制好的装饰板和模型安装），工期可控。期间厨具设备也同步进场安装调试。
                                </p>
                            </div>
                        </div>
                        
                        <!-- 员工招聘培训 -->
                        <div class="flex md:ml-4">
                            <div class="flex-shrink-0 z-10">
                                <div class="flex items-center justify-center w-12 h-12 rounded-full bg-blue-100 dark:bg-blue-900 text-blue-600 dark:text-blue-300 ring-4 ring-white dark:ring-gray-900">
                                    <span class="font-bold">3</span>
                                </div>
                            </div>
                            <div class="card ml-4 flex-1 p-6">
                                <div class="flex justify-between items-center mb-2">
                                    <h4 class="text-lg font-bold text-blue-700 dark:text-blue-300">员工招聘培训</h4>
                                    <span class="text-sm bg-blue-50 dark:bg-blue-900/50 text-blue-600 dark:text-blue-400 px-3 py-1 rounded-full">10天</span>
                                </div>
                                <p class="text-gray-700 dark:text-gray-300 text-sm">
                                    装修中后期开始人员招聘，根据岗位需求择优录取本地有餐饮经验者和热爱武侠文化者。随后集中培训，包括企业文化、服务规范、菜品知识和模拟演练武侠情景服务。培训末期安排内部试吃和角色扮演排练，确保员工熟练掌握。
                                </p>
                            </div>
                        </div>
                        
                        <!-- 试营业调整 -->
                        <div class="flex md:ml-4">
                            <div class="flex-shrink-0 z-10">
                                <div class="flex items-center justify-center w-12 h-12 rounded-full bg-blue-100 dark:bg-blue-900 text-blue-600 dark:text-blue-300 ring-4 ring-white dark:ring-gray-900">
                                    <span class="font-bold">4</span>
                                </div>
                            </div>
                            <div class="card ml-4 flex-1 p-6">
                                <div class="flex justify-between items-center mb-2">
                                    <h4 class="text-lg font-bold text-blue-700 dark:text-blue-300">试营业调整</h4>
                                    <span class="text-sm bg-blue-50 dark:bg-blue-900/50 text-blue-600 dark:text-blue-400 px-3 py-1 rounded-full">5天</span>
                                </div>
                                <p class="text-gray-700 dark:text-gray-300 text-sm">
                                    正式开业前进行试营业。邀请亲友和小范围顾客进店体验，以五折优惠等方式聚集人气。在试营业过程中检验菜品口味、出菜速度和服务流程，对发现的问题及时调整（例如菜单定价微调、增加某些热门菜品储备等）。同时通过顾客反馈完善细节。
                                </p>
                            </div>
                        </div>
                        
                        <!-- 正式开业 -->
                        <div class="flex md:ml-4">
                            <div class="flex-shrink-0 z-10">
                                <div class="flex items-center justify-center w-12 h-12 rounded-full bg-green-100 dark:bg-green-900 text-green-600 dark:text-green-300 ring-4 ring-white dark:ring-gray-900">
                                    <i class="fas fa-flag-checkered"></i>
                                </div>
                            </div>
                            <div class="card ml-4 flex-1 p-6 border-2 border-green-200 dark:border-green-800">
                                <div class="flex justify-between items-center mb-2">
                                    <h4 class="text-lg font-bold text-green-700 dark:text-green-300">正式开业</h4>
                                    <span class="text-sm bg-green-50 dark:bg-green-900/50 text-green-600 dark:text-green-400 px-3 py-1 rounded-full">第50天</span>
                                </div>
                                <p class="text-gray-700 dark:text-gray-300 text-sm">
                                    在以上筹备充分的基础上，于第50天左右择一良辰吉日正式开张营业，并配合开业营销宣传（如舞狮表演、开业酬宾优惠等），一举打响知名度。
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
                
                <div class="mt-6 p-4 bg-blue-50 dark:bg-blue-900/30 rounded-lg">
                    <p class="text-gray-700 dark:text-gray-300 text-sm italic">
                        注：实施周期可根据实际情况弹性调整。如装修提前完成则增加培训时间，确保宁可多准备也不仓促开业，以保证开业品质。一旦开业后，将进入正常运营和持续优化阶段。
                    </p>
                </div>
            </div>
        </section>
        
        <!-- 第七节：后期拓展方向 -->
        <section id="section-7" class="mb-20 scroll-margin-top">
            <div class="mb-8 text-center">
                <h2 class="text-2xl md:text-3xl font-bold section-title">后期拓展方向</h2>
            </div>
            
            <p class="text-gray-700 dark:text-gray-300 mb-8 fade-in">
                餐厅在稳定运营后，可逐步引入文创产品开发和表演互动升级等策略，丰富品牌内涵、提高顾客黏性，进一步打造成安岳文旅地标餐饮。
            </p>
            
            <div class="grid grid-cols-1 md:grid-cols-3 gap-8 mb-12">
                <!-- 品牌文创开发 -->
                <div class="card p-6 fade-in delay-100">
                    <div class="bg-gradient-to-br from-indigo-500 to-purple-600 dark:from-indigo-600 dark:to-purple-800 text-white p-4 rounded-lg mb-4 flex items-center justify-center">
                        <i class="fas fa-gift text-4xl"></i>
                    </div>
                    <h3 class="text-lg font-bold mb-3">品牌文创开发</h3>
                    <p class="text-gray-700 dark:text-gray-300 text-sm mb-4">
                        依托"柠香武林"这一主题IP，开发衍生文创产品，创造新的收入增长点和传播渠道。
                    </p>
                    <ul class="space-y-2 text-sm text-gray-600 dark:text-gray-400">
                        <li class="flex items-start">
                            <span class="inline-block w-4 h-4 rounded-full bg-indigo-200 dark:bg-indigo-800 mt-1 mr-2 flex-shrink-0"></span>
                            <span>特色酱料和泡菜商品化，瓶装/袋装包装</span>
                        </li>
                        <li class="flex items-start">
                            <span class="inline-block w-4 h-4 rounded-full bg-indigo-200 dark:bg-indigo-800 mt-1 mr-2 flex-shrink-0"></span>
                            <span>主题纪念品：印有LOGO的T恤、杯子，柠檬侠客钥匙扣</span>
                        </li>
                        <li class="flex items-start">
                            <span class="inline-block w-4 h-4 rounded-full bg-indigo-200 dark:bg-indigo-800 mt-1 mr-2 flex-shrink-0"></span>
                            <span>柠檬食品深加工：柠檬糕点、柠檬果干、柠檬精油香薰</span>
                        </li>
                    </ul>
                </div>
                
                <!-- 情景演绎与沉浸互动升级 -->
                <div class="card p-6 fade-in delay-200">
                    <div class="bg-gradient-to-br from-red-500 to-yellow-500 dark:from-red-600 dark:to-yellow-600 text-white p-4 rounded-lg mb-4 flex items-center justify-center">
                        <i class="fas fa-theater-masks text-4xl"></i>
                    </div>
                    <h3 class="text-lg font-bold mb-3">情景演绎与沉浸互动</h3>
                    <p class="text-gray-700 dark:text-gray-300 text-sm mb-4">
                        引入更丰富的现场演绎和互动环节，打造沉浸式江湖剧场餐厅的感觉（作为二期升级内容）。
                    </p>
                    <ul class="space-y-2 text-sm text-gray-600 dark:text-gray-400">
                        <li class="flex items-start">
                            <span class="inline-block w-4 h-4 rounded-full bg-yellow-200 dark:bg-yellow-800 mt-1 mr-2 flex-shrink-0"></span>
                            <span>定时情景表演：厨师大师兄与店小二比拼刀工</span>
                        </li>
                        <li class="flex items-start">
                            <span class="inline-block w-4 h-4 rounded-full bg-yellow-200 dark:bg-yellow-800 mt-1 mr-2 flex-shrink-0"></span>
                            <span>沉浸式剧情互动："武林大会"主题日活动</span>
                        </li>
                        <li class="flex items-start">
                            <span class="inline-block w-4 h-4 rounded-full bg-yellow-200 dark:bg-yellow-800 mt-1 mr-2 flex-shrink-0"></span>
                            <span>数字化互动：AR导览程序，手机扫描显示武林传说</span>
                        </li>
                    </ul>
                </div>
                
                <!-- 品牌拓展与合作 -->
                <div class="card p-6 fade-in delay-300">
                    <div class="bg-gradient-to-br from-green-500 to-blue-500 dark:from-green-600 dark:to-blue-600 text-white p-4 rounded-lg mb-4 flex items-center justify-center">
                        <i class="fas fa-expand-alt text-4xl"></i>
                    </div>
                    <h3 class="text-lg font-bold mb-3">品牌拓展与合作</h3>
                    <p class="text-gray-700 dark:text-gray-300 text-sm mb-4">
                        当本店运营步入正轨并在安岳打响名气后，可考虑进一步拓展业务版图。
                    </p>
                    <ul class="space-y-2 text-sm text-gray-600 dark:text-gray-400">
                        <li class="flex items-start">
                            <span class="inline-block w-4 h-4 rounded-full bg-blue-200 dark:bg-blue-800 mt-1 mr-2 flex-shrink-0"></span>
                            <span>异地连锁或加盟：复制模式到周边旅游城市</span>
                        </li>
                        <li class="flex items-start">
                            <span class="inline-block w-4 h-4 rounded-full bg-blue-200 dark:bg-blue-800 mt-1 mr-2 flex-shrink-0"></span>
                            <span>本地文旅活动合作：参与安岳当地节庆活动</span>
                        </li>
                        <li class="flex items-start">
                            <span class="inline-block w-4 h-4 rounded-full bg-blue-200 dark:bg-blue-800 mt-1 mr-2 flex-shrink-0"></span>
                            <span>影视IP联动：与武侠影视或游戏关联联名活动</span>
                        </li>
                    </ul>
                </div>
            </div>
            
            <div class="card p-8 bg-gray-50 dark:bg-gray-800/50 fade-in delay-400">
                <p class="text-gray-700 dark:text-gray-300 mb-4">
                    未来拓展举措将视餐厅实际经营状况和市场反馈逐步实施。在初期，我们以稳健经营、提升口碑为主，不急于大量投入新的项目。随着品牌逐渐成熟，这些后期方案将为"江湖一锅"注入源源不断的活力，使之不仅是一家餐厅，更成为安岳文化旅游的一张特色名片。
                </p>
                <div class="text-center">
                    <a href="#" class="inline-flex items-center px-6 py-3 border border-transparent text-base font-medium rounded-md shadow-sm text-white bg-indigo-600 hover:bg-indigo-700 transition-all">
                        开启江湖之旅
                        <i class="fas fa-arrow-right ml-2"></i>
                    </a>
                </div>
            </div>
        </section>
    </main>
    
    <!-- 页脚 -->
    <footer class="bg-gray-900 text-white py-12">
        <div class="container mx-auto px-4 sm:px-6 lg:px-8">
            <div class="grid grid-cols-1 md:grid-cols-3 gap-8 mb-8">
                <div>
                    <h3 class="text-xl font-bold mb-4">江湖一锅·柠香武林</h3>
                    <p class="text-gray-400 mb-4">
                        融合安岳柠檬与石刻文化，打造沉浸式武侠风味汤锅体验
                    </p>
                    <div class="flex space-x-4">
                        <a href="#" class="text-gray-400 hover:text-white transition-colors">
                            <i class="fab fa-weixin text-2xl"></i>
                        </a>
                        <a href="#" class="text-gray-400 hover:text-white transition-colors">
                            <i class="fab fa-weibo text-2xl"></i>
                        </a>
                        <a href="#" class="text-gray-400 hover:text-white transition-colors">
                            <i class="fab fa-tiktok text-2xl"></i>
                        </a>
                    </div>
                </div>
                
                <div>
                    <h3 class="text-xl font-bold mb-4">联系我们</h3>
                    <ul class="space-y-2 text-gray-400">
                        <li class="flex items-start">
                            <i class="fas fa-map-marker-alt mt-1 mr-2"></i>
                            <span>四川省资阳市安岳县数字石窟展示中心</span>
                        </li>
                        <li class="flex items-start">
                            <i class="fas fa-phone-alt mt-1 mr-2"></i>
                            <span>028-12345678</span>
                        </li>
                        <li class="flex items-start">
                            <i class="fas fa-envelope mt-1 mr-2"></i>
                            <span>Thxnstny@outlook.com</span>
                        </li>
                    </ul>
                </div>
                <div>
                    <h3 class="text-xl font-bold mb-4">营业时间</h3>
                    <ul class="space-y-2 text-gray-400">
                        <li class="flex justify-between">
                            <span>周一至周五</span>
                            <span>11:00 - 22:00</span>
                        </li>
                        <li class="flex justify-between">
                            <span>周六至周日</span>
                            <span>10:30 - 22:30</span>
                        </li>
                        <li class="flex justify-between">
                            <span>法定节假日</span>
                            <span>10:00 - 23:00</span>
                        </li>
                    </ul>
                </div>
            </div>
            
            <div class="pt-8 mt-8 border-t border-gray-800 text-center">
                <div class="mb-4">
                    <h4 class="text-lg font-bold mb-2">作者信息</h4>
                    <p class="text-gray-400">作者姓名: MR.WJ</p>
                    <div class="flex justify-center space-x-4 mt-2">
                        <a href="#" class="text-gray-400 hover:text-white transition-colors">
                            <i class="fab fa-weixin mr-1"></i>
                            <span>WeChat</span>
                        </a>
                        <a href="#" class="text-gray-400 hover:text-white transition-colors">
                            <i class="fab fa-weibo mr-1"></i>
                            <span>Weibo</span>
                        </a>
                        <a href="#" class="text-gray-400 hover:text-white transition-colors">
                            <i class="fab fa-tiktok mr-1"></i>
                            <span>DouYin</span>
                        </a>
                    </div>
                </div>
                <p class="text-gray-500">
                    © 2025 江湖一锅·柠香武林. 版权所有.
                </p>
            </div>
        </div>
    </footer>
    
    <!-- 回到顶部按钮 -->
    <button id="back-to-top" class="fixed bottom-6 right-6 bg-indigo-600 text-white w-12 h-12 rounded-full flex items-center justify-center shadow-lg transition-all opacity-0 invisible hover:bg-indigo-700">
        <i class="fas fa-arrow-up"></i>
    </button>
    
    <!-- JavaScript -->
    <script>
        // 深色模式切换
        const htmlElement = document.documentElement;
        const themeToggle = document.getElementById('theme-toggle');
        const sunIcon = document.getElementById('sun-icon');
        const moonIcon = document.getElementById('moon-icon');
        const darkWave = document.querySelector('.dark-wave');
        const lightWave = document.querySelector('.light-wave');
        
        // 检查用户偏好
        const prefersDarkMode = window.matchMedia('(prefers-color-scheme: dark)').matches;
        
        // 设置默认主题
        if (prefersDarkMode) {
            document.body.classList.replace('light', 'dark');
            sunIcon.classList.remove('hidden');
            moonIcon.classList.add('hidden');
            darkWave.classList.remove('hidden');
            lightWave.classList.add('hidden');
        }
        
        // 主题切换功能
        themeToggle.addEventListener('click', () => {
            document.body.classList.toggle('dark');
            document.body.classList.toggle('light');
            sunIcon.classList.toggle('hidden');
            moonIcon.classList.toggle('hidden');
            darkWave.classList.toggle('hidden');
            lightWave.classList.toggle('hidden');
        });
        
        // 移动菜单
        const mobileMenuButton = document.getElementById('mobile-menu-button');
        const mobileMenu = document.getElementById('mobile-menu');
        
        mobileMenuButton.addEventListener('click', () => {
            mobileMenu.classList.toggle('hidden');
        });
        
        // 当点击移动菜单中的链接时关闭菜单
        const mobileMenuLinks = mobileMenu.querySelectorAll('a');
        mobileMenuLinks.forEach(link => {
            link.addEventListener('click', () => {
                mobileMenu.classList.add('hidden');
            });
        });
        
        // 滚动进度条
        const scrollProgress = document.querySelector('.scroll-progress');
        
        window.addEventListener('scroll', () => {
            const scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
            const scrollHeight = document.documentElement.scrollHeight - document.documentElement.clientHeight;
            const scrollPercentage = (scrollTop / scrollHeight) * 100;
            
            scrollProgress.style.width = `${scrollPercentage}%`;
        });
        
        // 回到顶部按钮
        const backToTopButton = document.getElementById('back-to-top');
        
        window.addEventListener('scroll', () => {
            if (window.pageYOffset > 300) {
                backToTopButton.classList.remove('opacity-0', 'invisible');
                backToTopButton.classList.add('opacity-100', 'visible');
            } else {
                backToTopButton.classList.add('opacity-0', 'invisible');
                backToTopButton.classList.remove('opacity-100', 'visible');
            }
        });
        
        backToTopButton.addEventListener('click', () => {
            window.scrollTo({
                top: 0,
                behavior: 'smooth'
            });
        });
        
        // 导航激活状态
        const sections = document.querySelectorAll('section[id]');
        const navLinks = document.querySelectorAll('.nav-link');
        
        function highlightNavigation() {
            const scrollY = window.pageYOffset;
            
            sections.forEach(section => {
                const sectionTop = section.offsetTop - 100;
                const sectionHeight = section.offsetHeight;
                const sectionId = section.getAttribute('id');
                
                if (scrollY >= sectionTop && scrollY < sectionTop + sectionHeight) {
                    navLinks.forEach(link => {
                        link.classList.remove('active');
                        if (link.getAttribute('href') === `#${sectionId}`) {
                            link.classList.add('active');
                        }
                    });
                }
            });
        }
        
        window.addEventListener('scroll', highlightNavigation);
        
        // 页面加载时的渐入动画
        document.addEventListener('DOMContentLoaded', () => {
            // 初始化
            highlightNavigation();
            
            // 激活渐入动画
            const fadeElements = document.querySelectorAll('.fade-in');
            fadeElements.forEach(element => {
                const observer = new IntersectionObserver((entries) => {
                    entries.forEach(entry => {
                        if (entry.isIntersecting) {
                            entry.target.style.opacity = '1';
                            entry.target.style.transform = 'translateY(0)';
                            observer.unobserve(entry.target);
                        }
                    });
                }, {
                    threshold: 0.1
                });
                
                observer.observe(element);
            });
        });
    </script>
</body>
</html>